\n {/* Key Metrics */}\n

\n 👥\n

Total Leads

{analytics.totalLeads}

\n\n

\n 💰\n

Total Pipeline Value

{formatCurrency(analytics.totalValue)}

\n\n

\n 🎯\n

Win Rate

{formatPercentage(analytics.winRate)}

\n\n

\n 🏆\n

Won Deals

{analytics.statusBreakdown.win.count}

\n\n {/* Status Breakdown */}\n

Pipeline by Status

\n {Object.entries(analytics.statusBreakdown).map(([status, data]) => (\n

\n \n {status.toUpperCase()}\n \n \n {data.count} leads\n \n

\n \n {formatCurrency(data.value)}\n \n

\n ))}\n

\n\n

Pipeline by Quarter

\n {Object.entries(analytics.quarterBreakdown)\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([quarter, data]) => (\n

{quarter}

\n {data.count} leads • Win rate: {formatPercentage(data.winRate)}\n

\n \n {formatCurrency(data.value)}\n \n

\n ))}\n

\n\n {/* Recent Activity */}\n

Recent Activity

\n {analytics.recentActivity.slice(0, 5).map((lead) => (\n

{lead.company_name}

{lead.contact_name}

\n \n {lead.status.toUpperCase()}\n \n \n {formatCurrency(lead.deal_value)}\n \n \n {lead.expected_quarter}\n \n

\n ))}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/fastokah/Sales_analyse/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]