vibeasite-templates/template-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: saas template (34 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:54:49 +00:00
parent dbedf74395
commit 492b2cf1ce
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Dashboard.tsx
+2 -2
View File
@@ -9,7 +9,7 @@ import { DollarSign, Users, TrendingDown, ThumbsUp, ArrowUpRight, ArrowDownRight
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts"; import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts";
const kpis = [ const kpis = [
{ label: "MRR", value: "\$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" }, { label: "MRR", value: "$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" },
{ label: "Active Users", value: "2,847", trend: "+8.2%", up: true, icon: Users, color: "bg-emerald-100 text-emerald-600" }, { label: "Active Users", value: "2,847", trend: "+8.2%", up: true, icon: Users, color: "bg-emerald-100 text-emerald-600" },
{ label: "Churn Rate", value: "2.4%", trend: "-0.3%", up: false, icon: TrendingDown, color: "bg-orange-100 text-orange-600" }, { label: "Churn Rate", value: "2.4%", trend: "-0.3%", up: false, icon: TrendingDown, color: "bg-orange-100 text-orange-600" },
{ label: "NPS", value: "72", trend: "+4", up: true, icon: ThumbsUp, color: "bg-violet-100 text-violet-600" }, { label: "NPS", value: "72", trend: "+4", up: true, icon: ThumbsUp, color: "bg-violet-100 text-violet-600" },
@@ -54,7 +54,7 @@ export default function DashboardPage() {
<p className="text-sm text-slate-500">{kpi.label}</p> <p className="text-sm text-slate-500">{kpi.label}</p>
<p className="text-2xl font-bold mt-1">{kpi.value}</p> <p className="text-2xl font-bold mt-1">{kpi.value}</p>
</div> </div>
<div className={`h-10 w-10 rounded-full flex items-center justify-center \${kpi.color}`}> <div className={`h-10 w-10 rounded-full flex items-center justify-center ${kpi.color}`}>
<Icon className="h-5 w-5" /> <Icon className="h-5 w-5" />
</div> </div>
</div> </div>