handleActionClick(action.category)}
+ onClick={() => handleActionClick(action)}
onMouseEnter={() => setHoveredIdx(index)}
onMouseLeave={() => setHoveredIdx(null)}
style={{
diff --git a/Frontend/src/user/components/RecentTickets.jsx b/Frontend/src/user/components/RecentTickets.jsx
index b60a70ddf1893fd577087ad1675841059e40cf40..eb8d7d67e33f1e8525cda128ecabf298d59ad72b 100644
--- a/Frontend/src/user/components/RecentTickets.jsx
+++ b/Frontend/src/user/components/RecentTickets.jsx
@@ -150,6 +150,11 @@ const RecentTickets = () => {
{ticket.summary || ticket.subject || ticket.description || "No description provided"}
+ {ticket?.metadata?.translation?.translated && (
+
+ Translated from {ticket.metadata.translation.source_language_name || ticket.metadata.translation.source_language || 'Unknown'}
+
+ )}
{getStatusBadge(ticket.status)}
diff --git a/Frontend/src/user/components/TopNav.jsx b/Frontend/src/user/components/TopNav.jsx
index aa990048f44fb90d6262de56dc4e2381a6cdd290..ee022d2c2e04ed773b78c49c5c065e4c2f9b0b06 100644
--- a/Frontend/src/user/components/TopNav.jsx
+++ b/Frontend/src/user/components/TopNav.jsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { Bell, Box, CheckCircle2, MessageSquare, Menu, X, LogOut, User as UserIcon, BookOpen } from 'lucide-react';
+import React, { useState, useEffect } from 'react';
+import { Bell, Box, CheckCircle2, MessageSquare, Menu, X, LogOut, User as UserIcon, Moon, Sun } from 'lucide-react';
import { Link, useNavigate } from 'react-router-dom';
import { Avatar, AvatarFallback, AvatarImage } from "../../components/ui/avatar";
import { Button } from "../../components/ui/button";
@@ -8,15 +8,32 @@ import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/pop
import useTicketStore from "../../store/ticketStore";
// removed useNotificationStore
import NotificationPopover from "./NotificationPopover";
-
import useAuthStore from "../../store/authStore";
const TopNav = () => {
const navigate = useNavigate();
-
-
const { profile, logout } = useAuthStore();
const [isMenuOpen, setIsMenuOpen] = useState(false);
+ const [isDark, setIsDark] = useState(false);
+
+ useEffect(() => {
+ const saved = localStorage.getItem('theme');
+ if (saved === 'dark') {
+ document.documentElement.classList.add('dark');
+ setIsDark(true);
+ }
+ }, []);
+
+ const toggleDark = () => {
+ if (isDark) {
+ document.documentElement.classList.remove('dark');
+ localStorage.setItem('theme', 'light');
+ } else {
+ document.documentElement.classList.add('dark');
+ localStorage.setItem('theme', 'dark');
+ }
+ setIsDark(!isDark);
+ };
const initials = profile?.full_name ? profile.full_name[0].toUpperCase() : (profile?.email ? profile.email[0].toUpperCase() : 'U');
@@ -25,29 +42,35 @@ const TopNav = () => {
navigate('/login');
};
-
-
return (
- |