Workspaces in Workspaces all around

src/apps/officer-web/Screens/Dashboard/Files/Screen/FileItem.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { Folder, Trash2, Pencil, MoreVertical, MessageSquare, Scissors, Copy, Check, Play } from 'lucide-react';
+import { Folder, Trash2, Pencil, MoreVertical, MessageSquare, Scissors, Copy, Check, Play, Download } from 'lucide-react';
 import { getIcon } from 'material-file-icons';
 import {
   DropdownMenu,
@@ -35,6 +35,7 @@ export type FileItemProps = {
   onDelete: (entry: DirEntry) => void;
   onRename: (entry: DirEntry, newName: string) => void;
   onChat: (entry: DirEntry) => void;
+  onDownload: (entry: DirEntry) => void;
   onSelect: (entry: DirEntry, ev: React.MouseEvent) => void;
   onCut: () => void;
   onCopy: () => void;
@@ -64,6 +65,7 @@ type MenuItemsProps = {
   onDelete: (e: DirEntry) => void;
   onStartRename: () => void;
   onChat: (e: DirEntry) => void;
+  onDownload: (e: DirEntry) => void;
   onCut: () => void;
   onCopy: () => void;
   matchingTasks: TaskSummary[];
@@ -76,6 +78,7 @@ const DropdownMenuItems = ({
   onDelete,
   onStartRename,
   onChat,
+  onDownload,
   onCut,
   onCopy,
   matchingTasks,
@@ -86,6 +89,10 @@ const DropdownMenuItems = ({
       <MessageSquare className="mr-2 h-4 w-4" />
       Chat...
     </DropdownMenuItem>
+    <DropdownMenuItem onClick={() => onDownload(entry)} className="cursor-pointer">
+      <Download className="mr-2 h-4 w-4" />
+      Download
+    </DropdownMenuItem>
     {matchingTasks.length > 0 && (
       <DropdownMenuSub>
         <DropdownMenuSubTrigger className="cursor-pointer">
@@ -130,6 +137,7 @@ const ContextMenuItems = ({
   onDelete,
   onStartRename,
   onChat,
+  onDownload,
   onCut,
   onCopy,
   matchingTasks,
@@ -140,6 +148,10 @@ const ContextMenuItems = ({
       <MessageSquare className="mr-2 h-4 w-4" />
       Chat...
     </ContextMenuItem>
+    <ContextMenuItem onClick={() => onDownload(entry)} className="cursor-pointer">
+      <Download className="mr-2 h-4 w-4" />
+      Download
+    </ContextMenuItem>
     {matchingTasks.length > 0 && (
       <ContextMenuSub>
         <ContextMenuSubTrigger className="cursor-pointer">
@@ -237,7 +249,7 @@ const InlineRenameInput = ({
         if (ev.key === 'Escape') onCancel();
       }}
       onClick={(ev) => ev.stopPropagation()}
-      className="text-sm font-medium text-duck-dark bg-white border border-duck-teal/50 rounded px-1 py-0.5 outline-none w-full text-center"
+      className="text-sm font-medium text-duck-dark bg-background border border-duck-teal/50 rounded px-1 py-0.5 outline-none w-full text-center"
     />
   );
 };
@@ -257,7 +269,7 @@ const Checkbox = ({
       onClick(ev);
     }}
     className={`flex items-center justify-center h-5 w-5 rounded border-2 transition-all cursor-pointer ${
-      checked ? 'bg-duck-teal border-duck-teal text-white' : 'border-duck-dark/30 bg-white/80 hover:border-duck-teal/50'
+      checked ? 'bg-duck-teal border-duck-teal text-white' : 'border-duck-dark/30 bg-background/80 hover:border-duck-teal/50'
     } ${anySelected ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'}`}
   >
     {checked && <Check className="h-3 w-3" />}
@@ -280,6 +292,7 @@ export const FileItem = ({
   onDelete,
   onRename,
   onChat,
+  onDownload,
   onSelect,
   onCut,
   onCopy,
@@ -358,6 +371,7 @@ export const FileItem = ({
     onDelete,
     onStartRename: () => setRenaming(true),
     onChat,
+    onDownload,
     onCut,
     onCopy,
     matchingTasks,