feat: remove TooltipIcon component and add helper functions for timestamp parsing

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/UserSearchField/UserSearchFieldInput.tsx

@@ -62,23 +62,6 @@ const UserSearchField: React.FC<UserSearchFieldProps> = ({
   usersSearch,
   setUsersSearch
 }) => {
-  console.log('amit usersearchfield', {
-    usersData,
-    setUsersData,
-    label,
-    setDisableSave,
-    handleNotifyPref,
-    notifyUpdate,
-    isCreate,
-    searchType,
-    disabled,
-    currentUserData,
-    searchedUsers,
-    isUserSearchLoading,
-    fetchSearchedUsers,
-    usersSearch,
-    setUsersSearch
-  });
   const [error, setError] = useState('');
   const [open, setOpen] = useState(false);
   const [showAllUsers, setShowAllUsers] = useState(false);

src/custom/Workspaces/TooltipIcon.tsx

@@ -0,0 +1,19 @@
+import { formatDate } from '../CatalogDetail/helper';
+
+/**
+ * Helper function to parse and format the value of a field representing a deletion timestamp in the provided data object.
+ * @param {Object} data - The data object containing the field representing the deletion timestamp.
+ * @returns {string} - The formatted date string if the deletion timestamp is valid; otherwise, "N/A".
+ */
+
+export const DEFAULT_DATE = 'N/A'; // a constant to represent the default date value
+export const parseDeletionTimestamp = (data: {
+  deleted_at: { Valid: boolean; Time: string | number | Date };
+}) => {
+  if (data && data.deleted_at && data.deleted_at.Valid === true) {
+    const date = new Date(data.deleted_at.Time);
+    return formatDate(date);
+  } else {
+    return DEFAULT_DATE;
+  }
+};

src/custom/Workspaces/helper.ts

@@ -1,4 +1,17 @@
 import AssignmentModal from './AssignmentModal';
 import DesignTable from './DesignTable';
 import EnvironmentTable from './EnvironmentTable';
-export { AssignmentModal, DesignTable, EnvironmentTable };
+import WorkspaceTeamsTable from './WorkspaceTeamsTable';
+import useDesignAssignment from './hooks/useDesignAssignment';
+import useEnvironmentAssignment from './hooks/useEnvironmentAssignment';
+import useTeamAssignment from './hooks/useTeamAssignment';
+
+export {
+  AssignmentModal,
+  DesignTable,
+  EnvironmentTable,
+  WorkspaceTeamsTable,
+  useDesignAssignment,
+  useEnvironmentAssignment,
+  useTeamAssignment
+};

src/custom/Workspaces/index.ts

@@ -63,3 +63,50 @@ export const CustomBodyRenderStyle = styled('div')({
   display: 'block',
   width: '100%'
 });
+
+export const TableTopIcon = styled('span')(() => ({
+  '& svg': {
+    cursor: 'pointer',
+    width: '2rem',
+    height: '2rem'
+  }
+}));
+
+export const DisabledTableTopIcon = styled('span')(() => ({
+  '& svg': {
+    width: '2rem',
+    height: '2rem'
+  }
+}));
+
+export const MesheryDeleteIcon = styled('span')(({ theme }) => ({
+  '& svg': {
+    color: '#3C494F',
+    '&:hover': {
+      color: theme.palette.error.error
+    }
+  }
+}));
+
+export const TableIconsDisabledContainer = styled('span')(() => ({
+  color: '#455a64',
+  opacity: '0.5',
+  '& svg': {
+    cursor: 'not-allowed'
+  }
+}));
+
+export const TableTopIconsWrapper = styled('div')(() => ({
+  display: 'flex',
+  justifyContent: 'space-between',
+  paddingRight: '26px'
+}));
+
+export const TableIconsContainer = styled('div')(() => ({
+  color: '#455a64',
+  display: 'flex',
+  cursor: 'not-allowed',
+  '& svg': {
+    cursor: 'pointer'
+  }
+}));

src/custom/Workspaces/styles.ts

@@ -32,10 +32,6 @@ export interface Environment {
   updated_at: string;
 }
 
-export interface ColumnVisibility {
-  [key: string]: boolean;
-}
-
 export interface Team {
   id: string;
   name: string;