✨ Shared with me UI (#72)

2023-06-14 10:07:59 +01:00
parent d7fa56cb13
commit 312e08d301
12 changed files with 538 additions and 117 deletions
@@ -4,7 +4,7 @@ import { useCallback } from 'react';
 import { useRecoilCallback } from 'recoil';
 import { DriveApiClient } from '../api-client/api-client';
 import { DriveItemAtom, DriveItemChildrenAtom } from '../state/store';
-import { DriveItem, DriveItemVersion } from '../types';
+import { DriveItem, DriveItemDetails, DriveItemVersion } from '../types';

 /**
 * Returns the children of a drive item
@@ -18,20 +18,59 @@ export const useDriveActions = () => {
    ({ set, snapshot }) =>
      async (parentId: string) => {
        if (parentId) {
-          try {
-            const details = await DriveApiClient.get(companyId, parentId);
+          if (parentId == "shared-with-me") {
+            const details = {
+              path: [
+                  {
+                      id: "shared-with-me",
+                      name: "Shared with me"
+                  }
+              ],
+              item: {
+                  id: "root",
+                  parent_id: "",
+                  company_id: "",
+                  workspace_id: "",
+                  name: "Shared with me",
+                  size: 0,
+                  description: "",
+                  tags: [],
+                  in_trash: false,
+                  is_directory: true,
+                  extension: "",
+                  added: "",
+                  last_modified: "",
+                  last_version_cache: {},
+                  access_info: {},
+              },
+              versions: [],
+              children: [],
+              access: "manage",
+              websockets: [
+                  {
+                      room: "/companies/aa7ffdd0-fadb-11ed-b891-510fe3501b2b/documents/item/root",
+                      token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJhYTU0Y2YyMC1mYWRiLTExZWQtYjg5MS01MTBmZTM1MDFiMmIiLCJuYW1lIjoiL2NvbXBhbmllcy9hYTdmZmRkMC1mYWRiLTExZWQtYjg5MS01MTBmZTM1MDFiMmIvZG9jdW1lbnRzL2l0ZW0vcm9vdCIsImlhdCI6MTY4ODk1MDk2OCwibmJmIjoxNjg2MjcyNTA4fQ.H6BFRcLG3Op32sqKi45Pf1s2YKcVbMxGZGPJal06l1g"
+                  }
+              ]
+            };
            set(DriveItemChildrenAtom(parentId), details.children);
-            set(DriveItemAtom(parentId), details);
-            for (const child of details.children) {
-              const currentValue = snapshot.getLoadable(DriveItemAtom(child.id)).contents;
-              if (!currentValue) {
-                //only update if not already in cache to avoid concurrent updates
-                set(DriveItemAtom(child.id), { item: child });
-              }
-            }
            return details;
-          } catch (e) {
-            ToasterService.error('Unable to load your files.');
+          } else {
+            try {
+              const details = await DriveApiClient.get(companyId, parentId);
+              set(DriveItemChildrenAtom(parentId), details.children);
+              set(DriveItemAtom(parentId), details);
+              for (const child of details.children) {
+                const currentValue = snapshot.getLoadable(DriveItemAtom(child.id)).contents;
+                if (!currentValue) {
+                  //only update if not already in cache to avoid concurrent updates
+                  set(DriveItemAtom(child.id), { item: child });
+                }
+              }
+              return details;
+            } catch (e) {
+              ToasterService.error('Unable to load your files.');
+            }
          }
        }
      },
@@ -0,0 +1,80 @@
+import { DriveApiClient } from '@features/drive/api-client/api-client';
+import { useGlobalEffect } from '@features/global/hooks/use-global-effect';
+import { LoadingState } from '@features/global/state/atoms/Loading';
+import { delayRequest } from '@features/global/utils/managedSearchRequest';
+import useRouterCompany from '@features/router/hooks/use-router-company';
+import _ from 'lodash';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { SharedWithMeDriveItemsResultsState } from '../state/shared-with-me-drive-items-result';
+import { SearchInputState } from '../../search/state/search-input';
+
+export const useSharedWithMeDriveItemsLoading = () => {
+  return useRecoilValue(LoadingState('useSearchDriveItems'));
+};
+
+let currentQuery = '';
+
+export const useSharedWithMeDriveItems = () => {
+  const companyId = useRouterCompany();
+  const searchInput = useRecoilValue(SearchInputState);
+  const [loading, setLoading] = useRecoilState(LoadingState('useSearchDriveItems'));
+
+  const [items, setItems] = useRecoilState(SharedWithMeDriveItemsResultsState(companyId));
+
+  const opt = _.omitBy(
+    {
+      limit: 25,
+      workspace_id: searchInput.workspaceId,
+      company_id: companyId,
+      channel_id: searchInput.channelId,
+    },
+    _.isUndefined,
+  );
+
+  const refresh = async () => {
+    setLoading(true);
+
+    const query = searchInput.query;
+    currentQuery = query;
+
+    const response = await DriveApiClient.sharedWithMe(opt);
+    console.log("response is: ", response);
+    const results = response.entities || [];
+
+    const update = {
+      results,
+      nextPage: '',
+      // nextPage: response.next_page_token,
+    };
+
+    if (currentQuery !== query) {
+      return;
+    }
+    setItems(update);
+    setLoading(false);
+  };
+
+  const loadMore = async () => {
+    //Not implemented
+    console.error('Not implemented');
+  };
+
+  useGlobalEffect(
+    'useSearchDriveItems',
+    () => {
+        (async () => {
+          setLoading(true);
+          if (searchInput.query) {
+            delayRequest('useSearchDriveItems', async () => {
+              await refresh();
+            });
+          } else {
+            refresh();
+          }
+        })();
+    },
+    [searchInput.channelId, searchInput.workspaceId],
+  );
+
+  return { loading, driveItems: [...items.results], loadMore, refresh };
+};