From 4946b3ccc8471f56adb71b3eef1dc69a354919d4 Mon Sep 17 00:00:00 2001
From: Lin Wang <wonglam@amazon.com>
Date: Mon, 2 Sep 2024 17:17:30 +0800
Subject: [PATCH] Add workspace icon in workspace creator

Signed-off-by: Lin Wang <wonglam@amazon.com>
---
 .../workspace_form_summary_panel.test.tsx            |  1 +
 .../workspace_form_summary_panel.tsx                 | 12 +++++++-----
 src/plugins/workspace/public/utils.test.ts           |  2 ++
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.test.tsx b/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.test.tsx
index 4db2d9365ab9..9ce350af85e2 100644
--- a/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.test.tsx
+++ b/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.test.tsx
@@ -38,6 +38,7 @@ describe('WorkspaceFormSummaryPanel', () => {
       title: 'Use Case 1',
       description: 'This is Use Case 1',
       features: [],
+      icon: 'wsAnalytics',
     },
     {
       id: 'useCase2',
diff --git a/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.tsx b/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.tsx
index a16cad76ede7..e37bf5097021 100644
--- a/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.tsx
+++ b/src/plugins/workspace/public/components/workspace_creator/workspace_form_summary_panel.tsx
@@ -15,7 +15,7 @@ import {
   EuiLink,
 } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
-import { WorkspaceFormDataState } from '../forms';
+import { WorkspaceFormDataState } from '../workspace_form';
 import { WorkspaceUseCase } from '../../types';
 import { RightSidebarScrollField, RIGHT_SIDEBAR_SCROLL_KEY } from './utils';
 
@@ -33,7 +33,7 @@ const SCROLL_FIELDS = {
     }
   ),
   [RightSidebarScrollField.Color]: i18n.translate('workspace.form.summary.panel.color.title', {
-    defaultMessage: 'Accent color',
+    defaultMessage: 'Workspace icon',
   }),
   [RightSidebarScrollField.DataSource]: i18n.translate(
     'workspace.form.summary.panel.dataSources.title',
@@ -164,9 +164,11 @@ export const WorkspaceFormSummaryPanel = ({
       <FieldSummaryItem field={RightSidebarScrollField.Color}>
         {formData.color && (
           <EuiFlexGroup gutterSize="xs" alignItems="center">
-            <EuiFlexItem grow={false}>
-              <EuiIcon type="swatchInput" color={formData.color} />
-            </EuiFlexItem>
+            {useCase?.icon && (
+              <EuiFlexItem grow={false}>
+                <EuiIcon type={useCase.icon} color={formData.color} />
+              </EuiFlexItem>
+            )}
             <EuiFlexItem>
               <EuiText size="xs">{formData.color}</EuiText>
             </EuiFlexItem>
diff --git a/src/plugins/workspace/public/utils.test.ts b/src/plugins/workspace/public/utils.test.ts
index d744218a1aba..0bd4af40eafb 100644
--- a/src/plugins/workspace/public/utils.test.ts
+++ b/src/plugins/workspace/public/utils.test.ts
@@ -466,6 +466,7 @@ describe('workspace utils: convertNavGroupToWorkspaceUseCase', () => {
         title: 'Foo',
         description: 'Foo description',
         navLinks: [{ id: 'bar', title: 'Bar' }],
+        icon: 'wsAnalytics',
       })
     ).toEqual({
       id: 'foo',
@@ -473,6 +474,7 @@ describe('workspace utils: convertNavGroupToWorkspaceUseCase', () => {
       description: 'Foo description',
       features: [{ id: 'bar', title: 'Bar' }],
       systematic: false,
+      icon: 'wsAnalytics',
     });
 
     expect(