[Workspace] Update workspace list page table

src/plugins/workspace/public/components/workspace_list/index.test.tsx

@@ -145,13 +145,13 @@ describe('WorkspaceList', () => {
   it('should be able to perform the time format transformation', async () => {
     const { getByText } = render(getWrapWorkspaceListInContext());
     expect(
-      getByText(moment('1999-08-06T00:00:00.00Z').format('MMM DD[,]YYYY [@] HH:mm:ss.SSS'))
+      getByText(moment('1999-08-06T00:00:00.00Z').format('MMM D, YYYY @ HH:mm:ss.SSS'))
     ).toBeInTheDocument();
     expect(
-      getByText(moment('1999-08-06T01:00:00.00Z').format('MMM DD[,]YYYY [@] HH:mm:ss.SSS'))
+      getByText(moment('1999-08-06T01:00:00.00Z').format('MMM D, YYYY @ HH:mm:ss.SSS'))
     ).toBeInTheDocument();
     expect(
-      getByText(moment('1999-08-06T02:00:00.00Z').format('MMM DD[,]YYYY [@] HH:mm:ss.SSS'))
+      getByText(moment('1999-08-06T02:00:00.00Z').format('MMM D, YYYY @ HH:mm:ss.SSS'))
     ).toBeInTheDocument();
   });
 

src/plugins/workspace/public/components/workspace_list/index.tsx

@@ -70,7 +70,7 @@
   const extractUseCaseFromFeatures = useCallback(
     (features: string[]) => {
       if (!features || features.length === 0) {
         return '';
       }
       const useCaseId = getFirstUseCaseOfFeatureConfigs(features);
       const usecase =
@@ -103,7 +103,7 @@
     });
     if (!appUrl) return '';
 
     return cleanWorkspaceId(appUrl);
   }, [application, http]);
 
   const emptyStateMessage = useMemo(() => {
@@ -156,29 +156,29 @@
       return;
     }
 
     const onClick = () => {
       const deleteWorkspacesByIds = (workSpaces: WorkspaceAttribute[], ids: string[]) => {
-        const needToBeDeleteWorkspaceList: WorkspaceAttribute[] = [];
+        const needToBeDeletedWorkspaceList: WorkspaceAttribute[] = [];
         ids.forEach((id) => {
           const index = workSpaces.findIndex((workSpace) => workSpace.id === id);
           if (index >= 0) {
-            needToBeDeleteWorkspaceList.push(workSpaces[index]);
+            needToBeDeletedWorkspaceList.push(workSpaces[index]);
           }
         });
-        return needToBeDeleteWorkspaceList;
+        return needToBeDeletedWorkspaceList;
       };
 
       setDeletedWorkspaces(
         deleteWorkspacesByIds(
           newWorkspaceList,
           selection.map((item) => item.id)
         )
       );
 
       setSelection([]);
     };
 
     return (
       <>
         <EuiButton color="danger" iconType="trash" onClick={onClick}>
           Delete {selection.length} Workspace
@@ -186,7 +186,7 @@
         {deletedWorkspaces && deletedWorkspaces.length > 0 && (
           <DeleteWorkspaceModal
             selectedWorkspaces={deletedWorkspaces}
             onClose={() => setDeletedWorkspaces([])}
           />
         )}
       </>
@@ -277,7 +277,7 @@
       width: '25%',
       truncateText: false,
       render: (lastUpdatedTime: string) => {
-        return moment(lastUpdatedTime).format('MMM DD[,]YYYY [@] HH:mm:ss.SSS');
+        return moment(lastUpdatedTime).format('MMM D, YYYY @ HH:mm:ss.SSS');
       },
     },
 
@@ -310,7 +310,7 @@
           color: 'danger',
           description: 'Edit workspace',
           'data-test-subj': 'workspace-list-edit-icon',
           onClick: ({ id }: WorkspaceAttribute) => handleSwitchWorkspace(id),
           render: ({ id }: WorkspaceAttribute) => {
             return (
               <EuiButtonEmpty