🐛 Fix upload in shared with me directory (#543)

Co-authored-by: Monta <monta@HP-ProBook-445-14-inch-G9-Notebook-PC-505aadfc.localdomain>

tdrive/frontend/src/app/views/client/body/drive/browser.tsx

@@ -239,7 +239,7 @@ export default memo(
         {viewId == 'shared-with-me' ? (
           <>
             <Suspense fallback={<></>}>
-              <DrivePreview items={documents}/>
+              <DrivePreview items={documents} />
             </Suspense>
             <SharedFilesTable />
           </>
@@ -263,9 +263,8 @@ export default memo(
             }}
             onDragOver={handleDragOver}
             onDrop={handleDrop}
-
           >
-            {role == "admin" && <UsersModal />}
+            {role == 'admin' && <UsersModal />}
             <VersionsModal />
             <AccessModal />
             <PublicLinkModal />
@@ -274,7 +273,7 @@ export default memo(
             <ConfirmTrashModal />
             <ConfirmModal />
             <Suspense fallback={<></>}>
-              <DrivePreview items={documents}/>
+              <DrivePreview items={documents} />
             </Suspense>
             <div
               className={
@@ -350,7 +349,12 @@ export default memo(
                     </div>
                   </div>
                 ) : (
-                  <HeaderPath path={path || []} inTrash={inTrash} setParentId={setParentId} inPublicSharing={inPublicSharing} />
+                  <HeaderPath
+                    path={path || []}
+                    inTrash={inTrash}
+                    setParentId={setParentId}
+                    inPublicSharing={inPublicSharing}
+                  />
                 )}
                 <div className="grow" />
 
@@ -375,17 +379,17 @@ export default memo(
                 )}
               </div>
 
-
               <DndContext sensors={sensors} onDragEnd={handleDragEnd} onDragStart={handleDragStart}>
                 <div className="grow overflow-auto">
-                
                   {folders.length > 0 && (
                     <>
-                      <Title className="mb-2 block">{Languages.t('scenes.app.drive.folders')}</Title>
+                      <Title className="mb-2 block">
+                        {Languages.t('scenes.app.drive.folders')}
+                      </Title>
 
                       {folders.map((child, index) => (
                         <Droppable id={index} key={index}>
-                        <FolderRow
+                          <FolderRow
                             key={index}
                             className={
                               (index === 0 ? 'rounded-t-md ' : '') +
@@ -393,7 +397,9 @@ export default memo(
                             }
                             item={child}
                             onClick={() => {
-                              const route = RouterServices.generateRouteFromState({dirId: child.id});
+                              const route = RouterServices.generateRouteFromState({
+                                dirId: child.id,
+                              });
                               history.push(route);
                               if (inPublicSharing) return setParentId(child.id);
                             }}
@@ -420,7 +426,11 @@ export default memo(
                         <>
                           <Base>{Languages.t('scenes.app.drive.drag_and_drop')}</Base>
                           <br />
-                          <Button onClick={() => uploadItemModal()} theme="primary" className="mt-4">
+                          <Button
+                            onClick={() => uploadItemModal()}
+                            theme="primary"
+                            className="mt-4"
+                          >
                             {Languages.t('scenes.app.drive.add_doc')}
                           </Button>
                         </>
@@ -428,25 +438,23 @@ export default memo(
                     </div>
                   )}
 
-                  {documents.map((child, index) => (
+                  {documents.map((child, index) => draggableMarkup(index, child))}
-                    draggableMarkup(index, child)
-                  ))}
                   <DragOverlay>
                     {activeIndex ? (
-                        <DocumentRowOverlay className={
+                      <DocumentRowOverlay
-                            (activeIndex === 0 ? 'rounded-t-md ' : '') +
+                        className={
-                            (activeIndex === documents.length - 1 ? 'rounded-b-md ' : '')}
+                          (activeIndex === 0 ? 'rounded-t-md ' : '') +
-                            item={activeChild}
+                          (activeIndex === documents.length - 1 ? 'rounded-b-md ' : '')
-                        ></DocumentRowOverlay>
+                        }
-                    ): null}
+                        item={activeChild}
+                      ></DocumentRowOverlay>
+                    ) : null}
                   </DragOverlay>
-
                 </div>
               </DndContext>
-              </div>    
+            </div>
           </UploadZone>
         )}
-
       </>
     );
   },

tdrive/frontend/src/app/views/client/side-bar/actions.tsx

@@ -14,7 +14,7 @@ import { UploadModelAtom, UploadModal } from '../body/drive/modals/upload'
 import { Button } from '@atoms/button/button';
 import Languages from "features/global/services/languages-service";
 import { useCurrentUser } from 'app/features/users/hooks/use-current-user';
-import RouterServices from '@features/router/services/router-service';
+import useRouteState from 'app/features/router/hooks/use-route-state';
 
 export const CreateModalWithUploadZones = ({ initialParentId }: { initialParentId?: string }) => {
   const companyId = useRouterCompany();
@@ -95,8 +95,8 @@ export const CreateModalWithUploadZones = ({ initialParentId }: { initialParentI
 
 export default () => {
   const { user } = useCurrentUser();
-  const { viewId } = RouterServices.getStateFromRoute();
+  const { viewId, dirId } = useRouteState();
-  const [parentId, _] = useRecoilState(DriveCurrentFolderAtom({ initialFolderId: 'user_'+user?.id  }));
+  const [parentId, _] = useRecoilState(DriveCurrentFolderAtom({ initialFolderId: dirId || viewId || 'user_'+user?.id  }));
   const { access, item } = useDriveItem(parentId);
   const { children: trashChildren } = useDriveItem(viewId === 'trash' ? 'trash' : 'trash_'+user?.id);
   const uploadZoneRef = useRef<UploadZone | null>(null);

tdrive/frontend/src/app/views/client/side-bar/index.tsx

@@ -44,7 +44,6 @@ export default () => {
   if (sharedWithMe) folderType = 'shared';
 
   useEffect(() => {
-    console.log('PARENT ID CHANGED: ', parentId);
     !itemId && !dirId && viewId && setParentId(viewId);
     dirId && viewId && setParentId(dirId);
   }, [viewId, itemId, dirId]);