Fix JSX comments - use {/* */} instead of <!-- -->
This commit is contained in:
parent
b1ca77c749
commit
7dd880b04e
|
|
@ -31,7 +31,7 @@ export default function Dashboard() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="p-8 animate-fade-in">
|
<div className="p-8 animate-fade-in">
|
||||||
<!-- Header -->
|
{/* Header */}
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<h1 className="text-4xl font-bold text-white mb-2">Dashboard</h1>
|
<h1 className="text-4xl font-bold text-white mb-2">Dashboard</h1>
|
||||||
<p style={{ color: 'rgba(255, 255, 255, 0.5)' }}>
|
<p style={{ color: 'rgba(255, 255, 255, 0.5)' }}>
|
||||||
|
|
@ -39,7 +39,7 @@ export default function Dashboard() {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Stats Grid -->
|
{/* Stats Grid */}
|
||||||
<div className="grid grid-cols-4 gap-6 mb-8">
|
<div className="grid grid-cols-4 gap-6 mb-8">
|
||||||
{[
|
{[
|
||||||
{ label: 'PED/hour', value: stats.pedPerHour.toFixed(2), icon: <Zap />, color: '#fbbf24' },
|
{ label: 'PED/hour', value: stats.pedPerHour.toFixed(2), icon: <Zap />, color: '#fbbf24' },
|
||||||
|
|
@ -71,7 +71,7 @@ export default function Dashboard() {
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Quick Actions -->
|
{/* Quick Actions */}
|
||||||
<div className="mb-8">
|
<div className="mb-8">
|
||||||
<h2
|
<h2
|
||||||
className="text-sm font-semibold uppercase tracking-wider mb-4"
|
className="text-sm font-semibold uppercase tracking-wider mb-4"
|
||||||
|
|
@ -104,7 +104,7 @@ export default function Dashboard() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Recent Activity -->
|
{/* Recent Activity */}
|
||||||
<div
|
<div
|
||||||
className="rounded-2xl p-6"
|
className="rounded-2xl p-6"
|
||||||
style={{
|
style={{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue