fix imports

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

src/__testing__/ResponsiveDataTable.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
+import React from 'react';
 import { SistentThemeProvider } from '../theme';
 
 jest.mock('react-markdown', () => ({

src/custom/CatalogDetail/ContentClassInfo.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Box } from '../../base';
 import { CommunityClassIcon, OfficialClassIcon, VerificationClassIcon } from '../../icons';
+import { IconProps } from '../../icons/types';
 import { KEPPEL, useTheme } from '../../theme';
 import { InfoTooltip } from '../CustomTooltip';
 import { ContentDetailsPoints, ContentDetailsText } from '../Typography';
@@ -35,11 +36,9 @@ const ContentClassInfo: React.FC<ContentClassInfoProps> = ({ contentClass, class
     }
   } as const;
 
-  const ClassIcon: React.FC<{ className: string }> = ({ className }) => {
-    const Icon = CONTENT_CLASS[className]?.icon;
-    const fill = CONTENT_CLASS[className]?.color;
-    return Icon ? <Icon width="25px" height="25px" fill={fill} /> : null;
-  };
+  const Icon = CONTENT_CLASS[contentClass as keyof ContentClassType]
+    ?.icon as React.ComponentType<IconProps>;
+  const iconFill = CONTENT_CLASS[contentClass as keyof ContentClassType]?.color;
 
   return (
     <div>
@@ -61,7 +60,7 @@ const ContentClassInfo: React.FC<ContentClassInfoProps> = ({ contentClass, class
           fontFamily: 'inherit'
         }}
       >
-        <ClassIcon className={contentClass} />
+        {Icon && <Icon width="25px" height="25px" fill={iconFill} />}
         {formatToTitleCase(contentClass)}
       </ContentDetailsText>
     </div>

src/custom/ShareModal/ShareModal.tsx

@@ -1,4 +1,5 @@
 import { CircularProgress, SelectChangeEvent } from '@mui/material';
+import { startCase } from 'lodash';
 import React, { useEffect, useState } from 'react';
 import {
   Avatar,
@@ -11,6 +12,7 @@ import {
   MenuItem,
   Typography
 } from '../../base';
+import { VISIBILITY } from '../../constants/constants';
 import { ChainIcon, DeleteIcon, LockIcon, PublicIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import { BLACK, WHITE } from '../../theme/colors';
@@ -163,9 +165,6 @@ export type ResourceAccessArg = {
   };
 };
 
-import { startCase } from 'lodash';
-import { VISIBILITY } from '../../constants/constants';
-
 interface ShareModalProps {
   /** Function to close the share modal */
   handleShareModalClose: () => void;

src/theme/theme.ts

@@ -2,6 +2,7 @@ import { alpha, createTheme, darken, PaletteMode } from '@mui/material';
 import { components } from './components';
 import { darkModePalette, lightModePalette, ThemePalette } from './palette';
 import { typography } from './typography';
+import * as Colors from './colors';
 
 import _ from 'lodash';
 
@@ -120,9 +121,6 @@ export type PrimitivePalette = {
    */
   foreground: string;
 };
-
-import * as Colors from './colors';
-
 /**
  * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
  */