Merge pull request #14 from solid/feat/my-storages

Feat/my storages

Author: PreciousOritsedere

app/components/AuthWrapper.tsx

@@ -1,10 +1,8 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import {
-  getDefaultSession,
-  handleIncomingRedirect,
-} from "@inrupt/solid-client-authn-browser";
+import { handleIncomingRedirect } from "@inrupt/solid-client-authn-browser";
+import { getSession } from "../lib/helpers";
 import LoginPage from "./LoginPage";
 import LoadingSpinner from "./shared/LoadingSpinner";
 import ErrorDisplay from "./shared/ErrorDisplay";
@@ -29,7 +27,7 @@ export default function AuthWrapper({ children }: AuthWrapperProps) {
         });
 
         // Get the session instance after handling redirect
-        const session = getDefaultSession();
+        const session = getSession();
 
         let isLoggedIn = session.info.isLoggedIn && !!session.info.webId;
 
@@ -66,7 +64,7 @@ export default function AuthWrapper({ children }: AuthWrapperProps) {
           const redirectInfo = await handleIncomingRedirect({
             restorePreviousSession: true,
           });
-          const session = getDefaultSession();
+          const session = getSession();
           if (session.info.isLoggedIn) {
             setIsAuthenticated(true);
             setError(null);
@@ -87,7 +85,7 @@ export default function AuthWrapper({ children }: AuthWrapperProps) {
 
     handleIncomingRedirect({ restorePreviousSession: true })
       .then(() => {
-        const session = getDefaultSession();
+        const session = getSession();
         setIsAuthenticated(session.info.isLoggedIn);
       })
       .catch((err) => {

app/components/FileItem.tsx

@@ -23,6 +23,7 @@ interface FileItemProps {
   onDoubleClick: (file: FileItemData) => void;
   onRename?: (file: FileItemData) => void;
   onPreview?: (file: FileItemData) => void;
+  onCopy?: (file: FileItemData) => void;
   isSelected?: boolean;
 }
 
@@ -33,6 +34,7 @@ export default function FileItem({
   onDoubleClick,
   onRename,
   onPreview,
+  onCopy,
   isSelected = false,
 }: FileItemProps) {
   const [isHovered, setIsHovered] = useState(false);
@@ -128,7 +130,7 @@ export default function FileItem({
             onRename={onRename}
             onPreview={onPreview}
             onDownload={(f) => console.log("Download:", f.name)}
-            onCopy={(f) => console.log("Copy:", f.name)}
+            onCopy={onCopy}
             onMove={(f) => console.log("Move:", f.name)}
             onDelete={(f) => console.log("Delete:", f.name)}
           />
@@ -176,7 +178,7 @@ export default function FileItem({
           onRename={onRename}
           onPreview={onPreview}
           onDownload={(f) => console.log("Download:", f.name)}
-          onCopy={(f) => console.log("Copy:", f.name)}
+          onCopy={onCopy}
           onMove={(f) => console.log("Move:", f.name)}
           onDelete={(f) => console.log("Delete:", f.name)}
         />

app/components/FileList.tsx

@@ -12,6 +12,7 @@ interface FileListProps {
   onFileDoubleClick: (file: FileItemData) => void;
   onFileRename?: (file: FileItemData) => void;
   onFilePreview?: (file: FileItemData) => void;
+  onFileCopy?: (file: FileItemData) => void;
   selectedFileIds: string[];
 }
 
@@ -24,6 +25,7 @@ export default function FileList({
   onFileDoubleClick,
   onFileRename,
   onFilePreview,
+  onFileCopy,
   selectedFileIds,
 }: FileListProps) {
   const [view, setView] = useState<"grid" | "list">(() => {
@@ -59,6 +61,7 @@ export default function FileList({
                 onDoubleClick={onFileDoubleClick}
                 onRename={onFileRename}
                 onPreview={onFilePreview}
+                onCopy={onFileCopy}
                 isSelected={selectedFileIds.includes(file.id)}
               />
             ))}
@@ -74,6 +77,7 @@ export default function FileList({
                 onDoubleClick={onFileDoubleClick}
                 onRename={onFileRename}
                 onPreview={onFilePreview}
+                onCopy={onFileCopy}
                 isSelected={selectedFileIds.includes(file.id)}
               />
             ))}