admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: move view recoil states to ui/view-bar folder (#1482)

Browse Source 
* refactor: move view recoil states to ui/view-bar folder

Closes #1481

* refactor: rename some view related Recoil states and selectors
This commit is contained in:
Thaïs
2023-09-08 11:26:15 +02:00
committed by GitHub
parent 47151525ce
commit ccb57c91a3
30 changed files with 268 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
front/src/modules/views/hooks/useTableViewFields.ts
View File

@ -4,13 +4,13 @@ import { useRecoilValue, useSetRecoilState } from 'recoil';
import type { ViewFieldMetadata } from '@/ui/editable-field/types/ViewField';
import { availableTableColumnsScopedState } from '@/ui/table/states/availableTableColumnsScopedState';
import { TableRecoilScopeContext } from '@/ui/table/states/recoil-scope-contexts/TableRecoilScopeContext';
import { savedTableColumnsScopedState } from '@/ui/table/states/savedTableColumnsScopedState';
import { savedTableColumnsByKeyScopedSelector } from '@/ui/table/states/selectors/savedTableColumnsByKeyScopedSelector';
import { savedTableColumnsFamilyState } from '@/ui/table/states/savedTableColumnsFamilyState';
import { savedTableColumnsByKeyFamilySelector } from '@/ui/table/states/selectors/savedTableColumnsByKeyFamilySelector';
import { tableColumnsScopedState } from '@/ui/table/states/tableColumnsScopedState';
import { currentTableViewIdState } from '@/ui/table/states/tableViewsState';
import type { ColumnDefinition } from '@/ui/table/types/ColumnDefinition';
import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
import { currentViewIdScopedState } from '@/ui/view-bar/states/currentViewIdScopedState';
import {
SortOrder,
useCreateViewFieldsMutation,
@ -41,8 +41,8 @@ export const useTableViewFields = ({
columnDefinitions: ColumnDefinition<ViewFieldMetadata>[];
skipFetch?: boolean;
}) => {
const currentTableViewId = useRecoilScopedValue(
currentTableViewIdState,
const currentViewId = useRecoilScopedValue(
currentViewIdScopedState,
TableRecoilScopeContext,
);
const [availableTableColumns, setAvailableTableColumns] =
@ -55,10 +55,10 @@ export const useTableViewFields = ({
TableRecoilScopeContext,
);
const setSavedTableColumns = useSetRecoilState(
savedTableColumnsScopedState(currentTableViewId),
savedTableColumnsFamilyState(currentViewId),
);
const savedTableColumnsByKey = useRecoilValue(
savedTableColumnsByKeyScopedSelector(currentTableViewId),
savedTableColumnsByKeyFamilySelector(currentViewId),
);
const [createViewFieldsMutation] = useCreateViewFieldsMutation();
@ -67,7 +67,7 @@ export const useTableViewFields = ({
const createViewFields = useCallback(
(
columns: ColumnDefinition<ViewFieldMetadata>[],
viewId = currentTableViewId,
viewId = currentViewId,
) => {
if (!viewId || !columns.length) return;
@ -80,12 +80,12 @@ export const useTableViewFields = ({
},
});
},
[createViewFieldsMutation, currentTableViewId, objectId],
[createViewFieldsMutation, currentViewId, objectId],
);
const updateViewFields = useCallback(
(columns: ColumnDefinition<ViewFieldMetadata>[]) => {
if (!currentTableViewId || !columns.length) return;
if (!currentViewId || !columns.length) return;
return Promise.all(
columns.map((column) =>
@ -96,22 +96,22 @@ export const useTableViewFields = ({
size: column.size,
},
where: {
viewId_key: { key: column.key, viewId: currentTableViewId },
viewId_key: { key: column.key, viewId: currentViewId },
},
},
}),
),
);
},
[currentTableViewId, updateViewFieldMutation],
[currentViewId, updateViewFieldMutation],
);
const { refetch } = useGetViewFieldsQuery({
skip: !currentTableViewId || skipFetch,
skip: !currentViewId || skipFetch,
variables: {
orderBy: { index: SortOrder.Asc },
where: {
viewId: { equals: currentTableViewId },
viewId: { equals: currentViewId },
},
},
onCompleted: async (data) => {
@ -152,7 +152,7 @@ export const useTableViewFields = ({
});
const persistColumns = useCallback(async () => {
if (!currentTableViewId) return;
if (!currentViewId) return;
const viewFieldsToCreate = tableColumns.filter(
(column) => !savedTableColumnsByKey[column.key],
@ -170,7 +170,7 @@ export const useTableViewFields = ({
return refetch();
}, [
createViewFields,
currentTableViewId,
currentViewId,
refetch,
savedTableColumnsByKey,
tableColumns,