✨ Shared with me UI (#72)

tdrive/frontend/src/app/features/drive/hooks/use-drive-actions.tsx

@@ -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.');
+            }
           }
         }
       },