Update description UI

Signed-off-by: Lin Wang <wonglam@amazon.com>
opensearch-project · Jun 6, 2024 · 969610e · 969610e
1 parent 1ca4a49
commit 969610e
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/src/plugins/workspace/public/components/workspace_form/workspace_form.tsx b/src/plugins/workspace/public/components/workspace_form/workspace_form.tsx
@@ -95,12 +95,26 @@ export const WorkspaceForm = (props: WorkspaceFormProps) => {
           isInvalid={!!formErrors.description}
           error={formErrors.description}
         >
-          <EuiTextArea
-            value={formData.description}
-            onChange={handleDescriptionChange}
-            data-test-subj="workspaceForm-workspaceDetails-descriptionInputText"
-            rows={4}
-          />
+          <>
+            <EuiText size="xs" color="subdued">
+              {i18n.translate('workspace.form.workspaceDetails.description.introduction', {
+                defaultMessage:
+                  'Help others understand the purpose of this workspace by providing an overview of the workspace you’re creating.',
+              })}
+            </EuiText>
+            <EuiTextArea
+              value={formData.description}
+              onChange={handleDescriptionChange}
+              data-test-subj="workspaceForm-workspaceDetails-descriptionInputText"
+              rows={4}
+              placeholder={i18n.translate(
+                'workspace.form.workspaceDetails.description.placeholder',
+                {
+                  defaultMessage: 'Describe the workspace',
+                }
+              )}
+            />
+          </>
         </EuiFormRow>
         <EuiFormRow
           label={i18n.translate('workspace.form.workspaceDetails.color.label', {