Improve viewbar api (#2233)

* create scopes * fix import bug * add useView hook * wip * wip * currentViewId is now retrieved via useView * working on sorts with useView * refactor in progress * refactor in progress * refactor in progress * refactor in progress * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * fix code * fix code * wip * push * Fix issue dependencies * Fix resize --------- Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
2023-10-27 10:52:26 +02:00
parent 6a72c14af3
commit 5ba68e997d
205 changed files with 3092 additions and 3249 deletions
--- a/front/src/modules/views/hooks/internal/useViews.ts
+++ b/front/src/modules/views/hooks/internal/useViews.ts
@ -0,0 +1,67 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { useRecoilCallback } from 'recoil';
+
+import { viewObjectIdScopeState } from '@/views/states/viewObjectIdScopeState';
+import { viewTypeScopedState } from '@/views/states/viewTypeScopedState';
+import { View } from '@/views/types/View';
+import {
+  useCreateViewMutation,
+  useDeleteViewMutation,
+  useUpdateViewMutation,
+} from '~/generated/graphql';
+
+import { GET_VIEWS } from '../../graphql/queries/getViews';
+
+export const useViews = (scopeId: string) => {
+  const [createViewMutation] = useCreateViewMutation();
+  const [updateViewMutation] = useUpdateViewMutation();
+  const [deleteViewMutation] = useDeleteViewMutation();
+
+  const createView = useRecoilCallback(({ snapshot }) => async (view: View) => {
+    const viewObjectId = await snapshot
+      .getLoadable(viewObjectIdScopeState({ scopeId }))
+      .getValue();
+
+    const viewType = await snapshot
+      .getLoadable(viewTypeScopedState({ scopeId }))
+      .getValue();
+
+    if (!viewObjectId || !viewType) {
+      return;
+    }
+    await createViewMutation({
+      variables: {
+        data: {
+          ...view,
+          objectId: viewObjectId,
+          type: viewType,
+        },
+      },
+      refetchQueries: [getOperationName(GET_VIEWS) ?? ''],
+    });
+  });
+
+  const updateView = async (view: View) => {
+    await updateViewMutation({
+      variables: {
+        data: { name: view.name },
+        where: { id: view.id },
+      },
+      refetchQueries: [getOperationName(GET_VIEWS) ?? ''],
+    });
+  };
+
+  const deleteView = async (viewId: string) => {
+    await deleteViewMutation({
+      variables: { where: { id: viewId } },
+      refetchQueries: [getOperationName(GET_VIEWS) ?? ''],
+    });
+  };
+
+  return {
+    createView,
+    deleteView,
+    isFetchingViews: false,
+    updateView,
+  };
+};