Merge pull request #69 from PentabyteDevAlign/refactor

Refactor

Author: zrahadiz

Frontend/src/components/ProjectDetails.jsx

@@ -10,9 +10,10 @@ import { useAuthStore } from "@/store/useAuthStore";
 import projectService from "../services/project.service";
 import { Button } from "@/components/ui/button";
 import { CircleCheckBig, Trash } from "lucide-react";
+import ConfirmDialog from "./ConfirmDialog";
+
 import { toast } from "@/lib/toast";
 import Loading from "@/components/Loading";
-import ConfirmDialog from "./ConfirmDialog";
 
 // ─── Utility Helpers ──────────────────────────────────────────────
 const getStatusColor = (status) => {

Frontend/src/components/UploadFile.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useRef } from "react";
 import { Card, CardContent } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
+
 import {
   Upload,
   Image as ImageIcon,

Frontend/src/components/auth/SpecificRoleRoute.jsx

@@ -54,9 +54,10 @@ import {
 import api from "@/api/axios";
 import { useAssigneeStore } from "@/store/useAssigneeStore";
 import { SkillSelector } from "../SkillSelector";
+import { useAuthStore } from "@/store/useAuthStore";
+
 import Loading from "@/components/Loading";
 import { toast } from "@/lib/toast";
-import { useAuthStore } from "@/store/useAuthStore";
 
 const Column = ({
   projectId,

Frontend/src/components/kanban/Column.jsx

@@ -49,9 +49,10 @@ import {
 } from "lucide-react";
 import { useAssigneeStore } from "@/store/useAssigneeStore";
 import api from "@/api/axios";
+import { useAuthStore } from "@/store/useAuthStore";
+
 import Loading from "@/components/Loading";
 import { toast } from "@/lib/toast";
-import { useAuthStore } from "@/store/useAuthStore";
 
 const TaskCard = ({ task, projectId }) => {
   const [openCalendar, setOpenCalendar] = useState(false);

Frontend/src/components/kanban/TaskCard.jsx

@@ -2,7 +2,6 @@ import { SidebarProvider, SidebarInset } from "@/components/ui/sidebar";
 import AppSidebar from "@/components/layouts/AppSidebar";
 
 import AppNavbar from "@/components/layouts/AppNavbar";
-import App from "@/App";
 
 export default function Layout({ children }) {
   return (

Frontend/src/components/layouts/AppLayout.jsx

@@ -19,15 +19,12 @@ import {
   PopoverTrigger,
   PopoverContent,
 } from "@/components/ui/popover";
-import { Badge } from "@/components/ui/badge";
 
 import * as LucideIcons from "lucide-react";
 import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import logoIcon from "@/assets/img/LogoDevAlign.png";
-import { useAuthStore } from "@/store/useAuthStore";
 
 export default function AppSidebar() {
-  const { logout, name, role } = useAuthStore();
   const { state } = useSidebar();
   const [menus, setMenus] = useState([]);
   const [loading, setLoading] = useState(true);

Frontend/src/components/layouts/AppSidebar.jsx

@@ -17,7 +17,6 @@ import {
 } from "@/services/dashboard.service";
 import projectService from "@/services/project.service";
 import EmployeeTable from "@/components/EmployeeTable";
-import Loading from "@/components/Loading";
 import {
   Card,
   CardHeader,
@@ -43,6 +42,9 @@ import {
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 
+import Loading from "@/components/Loading";
+import { toast } from "@/lib/toast";
+
 export default function HRDashboard() {
   const [loadingState, setLoadingState] = useState(false);
   const [loadingText, setLoadingText] = useState("");
@@ -76,6 +78,9 @@ export default function HRDashboard() {
         setPositionsList(positions);
       } catch (err) {
         console.error("Error fetching initial data:", err);
+        toast(err.response.data.message || "Error fetching initial data", {
+          type: "error",
+        });
       } finally {
         setLoadingState(false);
         setLoadingText("");
@@ -117,6 +122,9 @@ export default function HRDashboard() {
       setEmployees(sorted.slice(start, start + pageSize));
     } catch (err) {
       console.error("Failed to fetch employees", err);
+      toast(err.response.data.message || "Failed to fetch employees", {
+        type: "error",
+      });
     } finally {
       setLoadingState(false);
       setLoadingText("");

Frontend/src/pages/HR/Dashboard.jsx

@@ -31,7 +31,6 @@ import api from "@/api/axios";
 import UploadFile from "@/components/UploadFile";
 import { SkillSelector } from "@/components/SkillSelector";
 import { PositionSelector } from "@/components/PositionSelector";
-import Loading from "@/components/Loading";
 import {
   ArrowLeft,
   FileText,
@@ -50,9 +49,11 @@ import {
   Medal,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { toast } from "@/lib/toast";
 import apiAI from "@/api/ai";
 
+import { toast } from "@/lib/toast";
+import Loading from "@/components/Loading";
+
 export default function AddEmployee() {
   const [skills, setSkills] = useState([]);
   const [calendarOpen, setCalendarOpen] = useState(false);

Frontend/src/pages/HR/Employee/AddEmployee.jsx

@@ -47,6 +47,7 @@ import {
   Users,
   Loader2,
 } from "lucide-react";
+
 import Loading from "@/components/Loading";
 import { toast } from "@/lib/toast";