Clean and re-organize post table refactoring (#1000)

* Clean and re-organize post table refactoring

* Fix tests

front/src/modules/ui/table/components/EntityTable.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
 
-import { TableColumn } from '@/people/table/components/peopleColumns';
 import { SelectedSortType, SortType } from '@/ui/filter-n-sort/types/interface';
-import { useListenClickOutside } from '@/ui/hooks/useListenClickOutside';
+import { useListenClickOutside } from '@/ui/utilities/click-outside/hooks/useListenClickOutside';
 
-import { useIsPageLoading } from '../../hooks/useIsPageLoading';
 import { useLeaveTableFocus } from '../hooks/useLeaveTableFocus';
 import { useMapKeyboardToSoftFocus } from '../hooks/useMapKeyboardToSoftFocus';
+import { EntityUpdateMutationHookContext } from '../states/EntityUpdateMutationHookContext';
 import { TableHeader } from '../table-header/components/TableHeader';
 
 import { EntityTableBody } from './EntityTableBody';
@@ -85,20 +84,20 @@ const StyledTableWrapper = styled.div`
 `;
 
 type OwnProps<SortField> = {
-  columns: Array<TableColumn>;
   viewName: string;
   viewIcon?: React.ReactNode;
   availableSorts?: Array<SortType<SortField>>;
   onSortsUpdate?: (sorts: Array<SelectedSortType<SortField>>) => void;
   onRowSelectionChange?: (rowSelection: string[]) => void;
+  useUpdateEntityMutation: any;
 };
 
 export function EntityTable<SortField>({
-  columns,
   viewName,
   viewIcon,
   availableSorts,
   onSortsUpdate,
+  useUpdateEntityMutation,
 }: OwnProps<SortField>) {
   const tableBodyRef = React.useRef<HTMLDivElement>(null);
 
@@ -113,28 +112,24 @@ export function EntityTable<SortField>({
     },
   });
 
-  const isPageLoading = useIsPageLoading();
-
-  if (isPageLoading) {
-    return null;
-  }
-
   return (
-    <StyledTableWithHeader>
-      <StyledTableContainer ref={tableBodyRef}>
-        <TableHeader
-          viewName={viewName}
-          viewIcon={viewIcon}
-          availableSorts={availableSorts}
-          onSortsUpdate={onSortsUpdate}
-        />
-        <StyledTableWrapper>
-          <StyledTable>
-            <EntityTableHeader columns={columns} />
-            <EntityTableBody columns={columns} />
-          </StyledTable>
-        </StyledTableWrapper>
-      </StyledTableContainer>
-    </StyledTableWithHeader>
+    <EntityUpdateMutationHookContext.Provider value={useUpdateEntityMutation}>
+      <StyledTableWithHeader>
+        <StyledTableContainer ref={tableBodyRef}>
+          <TableHeader
+            viewName={viewName}
+            viewIcon={viewIcon}
+            availableSorts={availableSorts}
+            onSortsUpdate={onSortsUpdate}
+          />
+          <StyledTableWrapper>
+            <StyledTable>
+              <EntityTableHeader />
+              <EntityTableBody />
+            </StyledTable>
+          </StyledTableWrapper>
+        </StyledTableContainer>
+      </StyledTableWithHeader>
+    </EntityUpdateMutationHookContext.Provider>
   );
 }