Sidebar

app.py

@@ -1,5 +1,6 @@
-from fastapi import FastAPI, HTTPException, Body, Query, Request, BackgroundTasks
-from fastapi.responses import JSONResponse, Response, StreamingResponse
+from fastapi import FastAPI, HTTPException, Body, Query
+from fastapi.middleware.cors import CORSMiddleware
+from typing import Annotated, Optional, List
 from pydantic import BaseModel
 from pathlib import Path
 import shutil
@@ -284,11 +285,11 @@ async def rename_directory(paths: dict[str, str], verbose: Optional[bool] = Quer
     successful_paths = {}
     failed_paths = {}
 
-    for old_name, new_name in paths.items():
-        old_directory = secure_path(old_name)
-        new_directory = secure_path(new_name)
+    for old_name, new_name in files.items():
+        old_path = secure_path(old_name)
+        new_path = secure_path(new_name)
 
-        if not old_directory.exists() or not old_directory.is_dir():
+        if not old_path.exists() or not old_path.exists():
             #raise HTTPException(status_code=404, detail="Directory not found")
             failed_paths[old_name] = new_name
             continue
@@ -298,7 +299,7 @@ async def rename_directory(paths: dict[str, str], verbose: Optional[bool] = Quer
             continue
 
         try:
-            old_directory.rename(new_directory)
+            old_path.rename(new_path)
         except Exception as e:
             #raise HTTPException(status_code=500, detail=str(e))
             failed_paths[old_name] = new_name

client/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.7.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2"

client/src/components/home/BreadCrumb.tsx

@@ -30,9 +30,9 @@ const BreadCrumb = () => {
             >
               <path
                 stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
                 d="m1 9 4-4-4-4"
               />
             </svg>
@@ -55,9 +55,9 @@ const BreadCrumb = () => {
             >
               <path
                 stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
                 d="m1 9 4-4-4-4"
               />
             </svg>

client/src/components/home/ConfirmationModal.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+
+interface ConfirmationModalProps {
+  message: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+}
+
+const ConfirmationModal: React.FC<ConfirmationModalProps> = ({ message, onConfirm, onCancel }) => {
+  return (
+    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+      <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 w-80 text-center">
+        <h2 className="text-lg text-gray-900 dark:text-white mb-4">
+          {message}
+        </h2>
+        <div className="flex justify-center space-x-4">
+          <button
+            onClick={onCancel}
+            className="px-4 py-2 bg-gray-300 dark:bg-gray-700 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-400 dark:hover:bg-gray-600 focus:outline-none"
+          >
+            Cancel
+          </button>
+          <button
+            onClick={onConfirm}
+            className="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 focus:outline-none"
+          >
+            Delete
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ConfirmationModal;