Add share feature

longern · Dec 17, 2024 · cccc5a8 · cccc5a8
1 parent 034bd48
commit cccc5a8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/Main.tsx b/src/Main.tsx
@@ -237,6 +237,14 @@ function Main({
             await fetch(`/webdav/${encodeKey(key)}`, { method: "DELETE" });
           fetchFiles();
         }}
+        onShare={() => {
+          if (multiSelected?.length !== 1) return;
+          const url = new URL(
+            `/webdav/${encodeKey(multiSelected[0])}`,
+            window.location.href
+          );
+          navigator.share({ url: url.toString() });
+        }}
       />
     </React.Fragment>
   );

diff --git a/src/MultiSelectToolbar.tsx b/src/MultiSelectToolbar.tsx
@@ -13,12 +13,14 @@ function MultiSelectToolbar({
   onDownload,
   onRename,
   onDelete,
+  onShare,
 }: {
   multiSelected: string[] | null;
   onClose: () => void;
   onDownload: () => void;
   onRename: () => void;
   onDelete: () => void;
+  onShare: () => void;
 }) {
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
 
@@ -69,7 +71,7 @@ function MultiSelectToolbar({
             {multiSelected.length === 1 && (
               <React.Fragment>
                 <MenuItem onClick={onRename}>Rename</MenuItem>
-                <MenuItem>Share</MenuItem>
+                <MenuItem onClick={onShare}>Share</MenuItem>
               </React.Fragment>
             )}
           </Menu>