Development - all changes

package.json

@@ -33,9 +33,11 @@
     "axios": "^1.11.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "framer-motion": "^12.23.12",
     "lucide-react": "^0.539.0",
     "react": "^19.1.1",
+    "react-day-picker": "^8.10.0",
     "react-dom": "^19.1.1",
     "react-hook-form": "^7.62.0",
     "react-router-dom": "^7.8.0",

src/App.tsx

@@ -1,22 +1,24 @@
 import "./css/App.css";
-import { Suspense } from "react";
+import { Suspense, lazy } from "react";
 import { ProtectedRoute } from "@/components/layouts/index";
 import { USER_ROLES } from "@/types/user.types";
 import { Routes, Route } from "react-router-dom";
-import NotFound from "@/routes/Notfound";
-import Home from "@/routes/Home";
-import DeletedFiles from "@/routes/DeletedFiles";
-import AllFiles from "@/routes/AllFiles";
-import PrivateFiles from "@/routes/PrivateFiles";
-import Settings from "@/routes/Settings";
-import SharedFiles from "@/routes/SharedFiles";
-import Notifications from "@/routes/Notifications";
 import Login from "@/routes/auth/Login";
 import Register from "@/routes/auth/Register";
-import Unauthorized from "@/routes/Unauthorized";
-import Upload from "@/routes/Upload";
 import UploadPopup from "@/components/upload/UploadPopup";
 
+// Lazy load routes
+const NotFound = lazy(() => import("@/routes/Notfound"));
+const Home = lazy(() => import("@/routes/Home"));
+const DeletedFiles = lazy(() => import("@/routes/DeletedFiles"));
+const AllFiles = lazy(() => import("@/routes/AllFiles"));
+const PrivateFiles = lazy(() => import("@/routes/PrivateFiles"));
+const Settings = lazy(() => import("@/routes/Settings"));
+const SharedFiles = lazy(() => import("@/routes/SharedFiles"));
+const Notifications = lazy(() => import("@/routes/Notifications"));
+const Unauthorized = lazy(() => import("@/routes/Unauthorized"));
+const Upload = lazy(() => import("@/routes/Upload"));
+
 // Loading component for Suspense fallback
 const Loading = () => (
   <div className="flex items-center justify-center h-screen">

src/api/api-token.api.ts

@@ -0,0 +1,46 @@
+import apiClient from "@/api/axios";
+
+export interface ApiToken {
+    id: string;
+    name: string;
+    token?: string; // Only present when generated
+    last_used_at?: string;
+    usage_count: number;
+    expires_at?: string;
+    created_at: string;
+    is_active: boolean;
+}
+
+export interface GenerateTokenDto {
+    name: string;
+    expires_at?: string;
+}
+
+const generateToken = async (data: GenerateTokenDto) => {
+    try {
+        const response = await apiClient.post('/api-token/generate', data);
+        return response.data;
+    } catch (error) {
+        throw error;
+    }
+};
+
+const listTokens = async () => {
+    try {
+        const response = await apiClient.get('/api-token/list');
+        return response.data;
+    } catch (error) {
+        throw error;
+    }
+};
+
+const revokeToken = async (id: string) => {
+    try {
+        const response = await apiClient.delete(`/api-token/${id}`);
+        return response.data;
+    } catch (error) {
+        throw error;
+    }
+};
+
+export default { generateToken, listTokens, revokeToken };