Refactor/context and scopes (#1602)

* Put onImport in a context

* Refactored RecoilScopeContexts

* Refactored naming

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/companies/table/components/CompanyTable.tsx

@@ -44,10 +44,6 @@ export function CompanyTable() {
   const { setContextMenuEntries } = useCompanyTableContextMenuEntries();
   const { setActionBarEntries } = useCompanyTableActionBarEntries();
 
-  function handleImport() {
-    openCompanySpreadsheetImport();
-  }
-
   return (
     <>
       <EntityTableEffect
@@ -70,10 +66,11 @@ export function CompanyTable() {
           onViewCreate: createView,
           onViewEdit: updateView,
           onViewRemove: deleteView,
+          onImport: openCompanySpreadsheetImport,
+          ViewBarRecoilScopeContext: TableRecoilScopeContext,
         }}
       >
         <EntityTable
-          onImport={handleImport}
           updateEntityMutation={({
             variables,
           }: {

front/src/modules/companies/table/components/CompanyTableMockMode.tsx

@@ -1,4 +1,5 @@
 import { EntityTable } from '@/ui/table/components/EntityTable';
+import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { ViewBarContext } from '@/ui/view-bar/contexts/ViewBarContext';
 import { useUpdateOneCompanyMutation } from '~/generated/graphql';
 
@@ -8,7 +9,12 @@ export function CompanyTableMockMode() {
   return (
     <>
       <CompanyTableMockDataEffect />
-      <ViewBarContext.Provider value={{ defaultViewName: 'All Companies' }}>
+      <ViewBarContext.Provider
+        value={{
+          defaultViewName: 'All Companies',
+          ViewBarRecoilScopeContext: TableRecoilScopeContext,
+        }}
+      >
         <EntityTable updateEntityMutation={[useUpdateOneCompanyMutation()]} />
       </ViewBarContext.Provider>
     </>