3157 refactor scoped states to move to v3 (#3180)

* renaming * renaming * create getDropdownScopeInjectors * update useDropdown * create internal hooks folder * update record-table states to be scoped states * update record-table selectors to be scoped selectors * create utils scope injector * refactor record-table wip * refactor record-table wip * wip * inject scopeId in selectors * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update internal hooks * update internal hooks * update internal hooks * update internal hooks * update useTableColumns * update states and hooks * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * fix scopeId not in context * fix lint errors * fix error in story * fix errors: wip * fix errors * fix error * fix jest test * fix scopeId not defined * fix jest test * Bug fixes --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2024-01-03 19:45:14 +01:00
parent 65250839fb
commit b0d3e6d8d3
112 changed files with 1447 additions and 716 deletions
--- a/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx
+++ b/packages/twenty-front/src/modules/views/components/EditableFilterDropdownButton.tsx
@ -29,9 +29,7 @@ export const EditableFilterDropdownButton = ({
    filterDropdownId: viewFilterDropdownId,
  });

-  const { closeDropdown } = useDropdown({
-    dropdownScopeId: viewFilterDropdownId,
-  });
+  const { closeDropdown } = useDropdown(viewFilterDropdownId);

  const { removeViewFilter } = useViewBar();

--- a/packages/twenty-front/src/modules/views/components/ViewBar.tsx
+++ b/packages/twenty-front/src/modules/views/components/ViewBar.tsx
@ -39,9 +39,9 @@ export const ViewBar = ({
  onViewFiltersChange,
  onViewSortsChange,
 }: ViewBarProps) => {
-  const { openDropdown: openOptionsDropdownButton } = useDropdown({
-    dropdownScopeId: optionsDropdownScopeId,
-  });
+  const { openDropdown: openOptionsDropdownButton } = useDropdown(
+    optionsDropdownScopeId,
+  );
  const { upsertViewSort, upsertViewFilter } = useViewBar({
    viewBarId: viewBarId,
  });
--- a/packages/twenty-front/src/modules/views/components/ViewsDropdownButton.tsx
+++ b/packages/twenty-front/src/modules/views/components/ViewsDropdownButton.tsx
@ -84,13 +84,11 @@ export const ViewsDropdownButton = ({
  const {
    isDropdownOpen: isViewsDropdownOpen,
    closeDropdown: closeViewsDropdown,
-  } = useDropdown({
-    dropdownScopeId: ViewsDropdownId,
-  });
+  } = useDropdown(ViewsDropdownId);

-  const { openDropdown: openOptionsDropdown } = useDropdown({
-    dropdownScopeId: optionsDropdownScopeId,
-  });
+  const { openDropdown: openOptionsDropdown } = useDropdown(
+    optionsDropdownScopeId,
+  );

  const handleViewSelect = useRecoilCallback(
    () => async (viewId: string) => {