borg/drone-detector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix jwt-token

Browse Source
This commit is contained in:
Alexander Borg
2025-08-18 06:44:16 +02:00
parent c03385dc2b
commit f002130c1e
7 changed files with 505 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
client/src/pages/Dashboard.jsx
View File

@@ -32,7 +32,7 @@ const Dashboard = () => {
const [recentActivity, setRecentActivity] = useState([]);
const [loading, setLoading] = useState(true);
const [showMovementAlerts, setShowMovementAlerts] = useState(true);
const { recentDetections, deviceStatus, connected, movementAlerts } = useSocket();
const { recentDetections, deviceStatus, connected, movementAlerts, notificationsEnabled, toggleNotifications } = useSocket();
useEffect(() => {
fetchDashboardData();
@@ -116,12 +116,28 @@ const Dashboard = () => {
return (
<div className="space-y-6">
{/* Stats */}
<div>
<h3 className="text-lg leading-6 font-medium text-gray-900">
System Overview
</h3>
<dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
{stats.map((item) => (
<div className="flex items-center justify-between">
<div>
<h3 className="text-lg leading-6 font-medium text-gray-900">
System Overview
</h3>
</div>
<div className="flex items-center space-x-4">
<button
onClick={toggleNotifications}
className={`inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md transition-colors ${
notificationsEnabled
? 'text-gray-700 bg-gray-100 hover:bg-gray-200'
: 'text-red-700 bg-red-100 hover:bg-red-200'
}`}
>
<BellIcon className={`h-4 w-4 mr-2 ${notificationsEnabled ? '' : 'line-through'}`} />
{notificationsEnabled ? 'Notifications On' : 'Notifications Off'}
</button>
</div>
</div>
<dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-4">
{stats.map((item) => (
<div
key={item.id}
className="relative bg-white pt-5 px-4 pb-12 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden"