fix(dashboard): update styling for model based query editor

awslabs · Nov 21, 2023 · cb0d969 · cb0d969
1 parent ef3fc4e
commit cb0d969
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/...delDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelIcon.svg b/...delDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelIcon.svg
diff --git a/...ssetModelDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelSelected.css b/...ssetModelDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelSelected.css
@@ -12,5 +12,5 @@
 
 .reset-selected-asset-model-vertical-divider {
   align-self: stretch;
-  height: "initial";
+  height: initial;
 }
diff --git a/...ssetModelDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelSelected.tsx b/...ssetModelDataStreamExplorer/assetModelExplorer/assetModelSelection/assetModelSelected.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 
 import Box from '@cloudscape-design/components/box';
-import Icon from '@cloudscape-design/components/icon';
 import Button from '@cloudscape-design/components/button';
 
 import { spaceScaledXxs } from '@cloudscape-design/design-tokens';
@@ -16,6 +15,8 @@ import { useAsset } from '../../../modeledDataStreamQueryEditor/assetExplorer/us
 import { useModalVisibility } from '~/hooks/useModalVisibility';
 import { ResetAssetModelModal } from './resetAssetModel/resetAssetModelModal';
 
+import { default as assetModelSvg } from './assetModelIcon.svg';
+
 import './assetModelSelected.css';
 
 const describedAssetToAssetSummary = (
@@ -64,7 +65,7 @@ export const AssetModelSelected = ({
           gap: spaceScaledXxs,
         }}
       >
-        <Icon name='heart' />
+        <img src={assetModelSvg} alt='Selected asset model icon' />
         <VerticalDivider classNames={['reset-selected-asset-model-vertical-divider']} />
         <Box fontWeight='bold' variant='span'>
           Asset Model: