Fix ESLint warnings and backend deployment issues

Author: BTheCoderr

frontend/package-lock.json

@@ -7,6 +7,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@hello-pangea/dnd": "^18.0.1",
     "@mui/icons-material": "^5.15.6",
     "@mui/lab": "^5.0.0-alpha.165",
     "@mui/material": "^5.17.1",

frontend/package.json

@@ -7,7 +7,7 @@ const BUCKET = process.env.REACT_APP_SUPABASE_STORAGE_BUCKET || 'smartprobono-pd
 export async function POST(req) {
   try {
     // Check authentication
-    const user = await getUserOrThrow();
+    await getUserOrThrow();
 
     const form = await req.formData();
     const file = form.get('file');

frontend/src/api/templates/upload-base/route.js

@@ -5,9 +5,7 @@ import {
   IconButton, 
   Avatar, 
   Typography,
-  Paper,
   Divider,
-  Alert,
   Chip,
   Button,
   Dialog,

frontend/src/components/AIEnhancedChat.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import {
   Card,
   CardContent,
@@ -47,7 +47,7 @@ import {
 const AuditDashboard = () => {
   const [auditLogs, setAuditLogs] = useState([]);
   const [securityEvents, setSecurityEvents] = useState([]);
-  const [userActivities, setUserActivities] = useState([]);
+
   const [dashboardStats, setDashboardStats] = useState(null);
   const [loading, setLoading] = useState(false);
   const [filters, setFilters] = useState({
@@ -81,7 +81,7 @@ const AuditDashboard = () => {
   };
 
   // Fetch audit logs
-  const fetchAuditLogs = async () => {
+  const fetchAuditLogs = useCallback(async () => {
     setLoading(true);
     try {
       const params = new URLSearchParams();
@@ -115,10 +115,10 @@ const AuditDashboard = () => {
     } finally {
       setLoading(false);
     }
-  };
+  }, [filters, toast]);
 
   // Fetch security events
-  const fetchSecurityEvents = async () => {
+  const fetchSecurityEvents = useCallback(async () => {
     try {
       const params = new URLSearchParams();
       if (filters.severity) params.append('severity', filters.severity);
@@ -139,7 +139,7 @@ const AuditDashboard = () => {
     } catch (error) {
       console.error('Error fetching security events:', error);
     }
-  };
+  }, [filters]);
 
   // Export audit logs
   const exportAuditLogs = async () => {
@@ -201,7 +201,7 @@ const AuditDashboard = () => {
     } else if (selectedTab === 'security') {
       fetchSecurityEvents();
     }
-  }, [selectedTab, filters]);
+  }, [selectedTab, filters, fetchAuditLogs, fetchSecurityEvents]);
 
   const getSeverityColor = (severity) => {
     switch (severity) {

frontend/src/components/AuditDashboard.js

@@ -15,7 +15,7 @@ const Chat = () => {
   const [messages, setMessages] = useState([]);
   const [input, setInput] = useState('');
   const [isLoading, setIsLoading] = useState(false);
-  const [currentModel, setCurrentModel] = useState('');
+  const [, setCurrentModel] = useState('');
   const messagesEndRef = useRef(null);
 
   const scrollToBottom = () => {

frontend/src/components/Chat.js

@@ -1,14 +1,13 @@
 import { useState } from 'react';
 import { 
   Grid, Card, CardContent, Typography, Button, 
-  Dialog, TextField, Tab, Tabs, Box, IconButton,
-  InputAdornment, CircularProgress, Alert
+  TextField, Tab, Tabs, Box,
+  InputAdornment
 } from '@mui/material';
 import SearchIcon from '@mui/icons-material/Search';
 import FileDownloadIcon from '@mui/icons-material/FileDownload';
-import PictureAsPdfIcon from '@mui/icons-material/PictureAsPdf';
+
 import ContractForm from './ContractForm';
-import axios from 'axios';
 import config from '../config';
 
 const ContractTemplates = () => {
@@ -18,7 +17,7 @@ const ContractTemplates = () => {
   const [selectedTemplate, setSelectedTemplate] = useState(null);
   const [formData, setFormData] = useState({});
   const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
+  const [, setError] = useState(null);
 
   const categories = [
     "All",
@@ -148,12 +147,7 @@ const ContractTemplates = () => {
     }
   };
 
-  const handleFormChange = (e) => {
-    setFormData({
-      ...formData,
-      [e.target.name]: e.target.value
-    });
-  };
+
 
   return (
     <Box>

frontend/src/components/ContractTemplates.js

@@ -6,7 +6,7 @@ import { PDFDocument } from 'pdf-lib';
 const DigitalSignature = ({ pdfUrl, onSignComplete }) => {
   const [open, setOpen] = useState(false);
   const sigPad = useRef(null);
-  const [signatureData, setSignatureData] = useState(null);
+  const [, setSignatureData] = useState(null);
 
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);

frontend/src/components/DigitalSignature.js

@@ -7,9 +7,7 @@ import {
   Button,
   CircularProgress,
   Avatar,
-  Chip,
   useTheme,
-  Fade,
   Zoom,
   Divider,
   Alert
@@ -93,23 +91,7 @@ const DocumentChat = ({ documentId, documentTitle }) => {
     return timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
   };
 
-  const getMessageVariant = (type) => {
-    switch (type) {
-      case 'user': return 'contained';
-      case 'ai': return 'outlined';
-      case 'error': return 'outlined';
-      default: return 'outlined';
-    }
-  };
 
-  const getMessageColor = (type) => {
-    switch (type) {
-      case 'user': return 'primary';
-      case 'ai': return 'success';
-      case 'error': return 'error';
-      default: return 'default';
-    }
-  };
 
   return (
     <motion.div

frontend/src/components/DocumentChat.js

@@ -18,7 +18,7 @@ import {
 import {
   CheckCircle as CheckCircleIcon,
   RadioButtonUnchecked as UncheckedIcon,
-  Description as DocumentIcon,
+
   Download as DownloadIcon,
   Print as PrintIcon
 } from '@mui/icons-material';