marciobever/foodsnap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: syntax error in DashboardCoach

Browse source
This commit is contained in:
Marcio Bevervanso 2026-02-17 19:13:20 -03:00
parent 62a509d8a6
commit 5758504d4e
1 changed files with 55 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/dashboard/DashboardCoach.tsx
View file

@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import { Sparkles, Zap, ScanLine, ScanEye, BrainCircuit, TrendingUp, History, Plus, Activity } from 'lucide-react'; import { Sparkles, Zap, ScanLine, ScanEye, BrainCircuit, TrendingUp, Plus, Activity, ShieldAlert } from 'lucide-react';
import CoachResult from '@/components/coach/CoachResult'; import CoachResult from '@/components/coach/CoachResult';
interface DashboardCoachProps { interface DashboardCoachProps {
@ -21,7 +21,6 @@ const DashboardCoach: React.FC<DashboardCoachProps> = ({ coachPlan, setCoachPlan
return ( return (
<div className="max-w-6xl mx-auto animate-in fade-in slide-in-from-bottom-8 duration-700"> <div className="max-w-6xl mx-auto animate-in fade-in slide-in-from-bottom-8 duration-700">
{/* Sleek Modern Header */} {/* Sleek Modern Header */}
<div className="bg-gray-900 rounded-[2rem] p-8 md:p-12 mb-8 relative overflow-hidden text-white shadow-2xl"> <div className="bg-gray-900 rounded-[2rem] p-8 md:p-12 mb-8 relative overflow-hidden text-white shadow-2xl">
{/* Abstract Premium Background */} {/* Abstract Premium Background */}
@ -121,7 +120,7 @@ const DashboardCoach: React.FC<DashboardCoachProps> = ({ coachPlan, setCoachPlan
].map((stat, i) => ( ].map((stat, i) => (
<div key={i} className="text-center p-6 bg-white rounded-3xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow"> <div key={i} className="text-center p-6 bg-white rounded-3xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow">
<p className="text-3xl font-black text-gray-900 mb-1">{stat.value}</p> <p className="text-3xl font-black text-gray-900 mb-1">{stat.value}</p>
<p className="text-xs font-bold text-gray-400 uppercase tracking-wider}>{stat.label}</p> <p className="text-xs font-bold text-gray-400 uppercase tracking-wider">{stat.label}</p>
</div> </div>
))} ))}
</div> </div>
@ -154,12 +153,9 @@ const DashboardCoach: React.FC<DashboardCoachProps> = ({ coachPlan, setCoachPlan
<button <button
onClick={() => { onClick={() => {
// Reduz o active tab para subscription se possível, mas aqui estamos isolados. // Reduz o active tab para subscription se possível, mas aqui estamos isolados.
// Idealmente chamaria uma função do pai ou link direto pro checkout.
// Vamos despachar um evento ou alertar por enquanto, ou usar href para dashboard?
// Melhor: window.location.href com query param ou apenas instruir.
const subTab = document.querySelector('[data-tab="subscription"]') as HTMLElement; const subTab = document.querySelector('[data-tab="subscription"]') as HTMLElement;
if (subTab) subTab.click(); if (subTab) subTab.click();
else window.location.reload(); // Simplificação else window.location.reload();
}} }}
className="px-8 py-3.5 bg-brand-600 hover:bg-brand-500 text-white rounded-xl font-bold flex items-center gap-2 transition-all shadow-lg hover:shadow-brand-500/20" className="px-8 py-3.5 bg-brand-600 hover:bg-brand-500 text-white rounded-xl font-bold flex items-center gap-2 transition-all shadow-lg hover:shadow-brand-500/20"
> >
@ -172,7 +168,6 @@ const DashboardCoach: React.FC<DashboardCoachProps> = ({ coachPlan, setCoachPlan
); );
} }
return ( return (
<div className="w-full animate-in fade-in duration-500"> <div className="w-full animate-in fade-in duration-500">
{coachPlan ? ( {coachPlan ? (
@ -201,4 +196,4 @@ const DashboardCoach: React.FC<DashboardCoachProps> = ({ coachPlan, setCoachPlan
); );
}; };
export default DashboardCoach; export default DashboardCoach;