Feat: Rename document name #3221 (#4544)

### What problem does this PR solve?

Feat: Rename document name #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/files/action-cell.tsx

@@ -4,26 +4,49 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { useDownloadFile } from '@/hooks/file-manager-hooks';
 import { IFile } from '@/interfaces/database/file-manager';
 import { CellContext } from '@tanstack/react-table';
 import { EllipsisVertical, Link2, Trash2 } from 'lucide-react';
 import { useCallback } from 'react';
-import { UseHandleConnectToKnowledgeReturnType } from './hooks';
+import { useTranslation } from 'react-i18next';
+import {
+  UseHandleConnectToKnowledgeReturnType,
+  UseRenameCurrentFileReturnType,
+} from './hooks';
 
 type IProps = Pick<CellContext<IFile, unknown>, 'row'> &
-  Pick<UseHandleConnectToKnowledgeReturnType, 'showConnectToKnowledgeModal'>;
+  Pick<UseHandleConnectToKnowledgeReturnType, 'showConnectToKnowledgeModal'> &
+  Pick<UseRenameCurrentFileReturnType, 'showFileRenameModal'>;
 
-export function ActionCell({ row, showConnectToKnowledgeModal }: IProps) {
+export function ActionCell({
+  row,
+  showConnectToKnowledgeModal,
+  showFileRenameModal,
+}: IProps) {
+  const { t } = useTranslation();
   const record = row.original;
+  const documentId = record.id;
+  const { downloadFile } = useDownloadFile();
 
   const handleShowConnectToKnowledgeModal = useCallback(() => {
     showConnectToKnowledgeModal(record);
   }, [record, showConnectToKnowledgeModal]);
 
+  const onDownloadDocument = useCallback(() => {
+    downloadFile({
+      id: documentId,
+      filename: record.name,
+    });
+  }, [documentId, downloadFile, record.name]);
+
+  const handleShowFileRenameModal = useCallback(() => {
+    showFileRenameModal(record);
+  }, [record, showFileRenameModal]);
+
   return (
     <section className="flex gap-4 items-center">
       <Button
@@ -45,15 +68,19 @@ export function ActionCell({ row, showConnectToKnowledgeModal }: IProps) {
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end">
-          <DropdownMenuLabel>Actions</DropdownMenuLabel>
           <DropdownMenuItem
             onClick={() => navigator.clipboard.writeText(record.id)}
           >
-            Copy payment ID
+            {t('common.move')}
           </DropdownMenuItem>
           <DropdownMenuSeparator />
-          <DropdownMenuItem>View customer</DropdownMenuItem>
-          <DropdownMenuItem>View payment details</DropdownMenuItem>
+          <DropdownMenuItem onClick={handleShowFileRenameModal}>
+            {t('common.rename')}
+          </DropdownMenuItem>
+          <DropdownMenuSeparator />
+          <DropdownMenuItem onClick={onDownloadDocument}>
+            {t('common.download')}
+          </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
     </section>