From 7dd880b04ec43a93f2311109fd493cac0f3041f7 Mon Sep 17 00:00:00 2001
From: Aether <aether@lemonlink.eu>
Date: Mon, 23 Feb 2026 22:13:30 +0000
Subject: [PATCH] Fix JSX comments - use {/* */} instead of <!-- -->

---
 src/pages/Dashboard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 841f382..9f19cb0 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -31,7 +31,7 @@ export default function Dashboard() {
 
   return (
     <div className="p-8 animate-fade-in">
-      <!-- Header -->
+      {/* Header */}
       <div className="mb-8">
         <h1 className="text-4xl font-bold text-white mb-2">Dashboard</h1>
         <p style={{ color: 'rgba(255, 255, 255, 0.5)' }}>
@@ -39,7 +39,7 @@ export default function Dashboard() {
         </p>
       </div>
 
-      <!-- Stats Grid -->
+      {/* Stats Grid */}
       <div className="grid grid-cols-4 gap-6 mb-8">
         {[
           { label: 'PED/hour', value: stats.pedPerHour.toFixed(2), icon: <Zap />, color: '#fbbf24' },
@@ -71,7 +71,7 @@ export default function Dashboard() {
         ))}
       </div>
 
-      <!-- Quick Actions -->
+      {/* Quick Actions */}
       <div className="mb-8">
         <h2 
           className="text-sm font-semibold uppercase tracking-wider mb-4"
@@ -104,7 +104,7 @@ export default function Dashboard() {
         </div>
       </div>
 
-      <!-- Recent Activity -->
+      {/* Recent Activity */}
       <div 
         className="rounded-2xl p-6"
         style={{