Feat/claim

src/pages/Dashboard.jsx

@@ -1,60 +1,60 @@
 import React, { useState, useEffect } from 'react';
 import { Badge, Card, SectionTitle, InfoRow, ProgressBar } from '../components/ui';
-import { 
-  TrendingUp, 
-  Clock, 
-  CheckCircle2, 
-  AlertTriangle, 
-  CircleDollarSign, 
-  MapPin, 
-  Zap, 
-  ShieldCheck 
+import {
+  TrendingUp,
+  Clock,
+  CheckCircle2,
+  AlertTriangle,
+  CircleDollarSign,
+  MapPin,
+  Zap,
+  ShieldCheck
 } from 'lucide-react';
 import { getUser, getIncome, getClaims, getBonuses } from '../api';
 
 export default function Dashboard() {
   const [profile, setProfile] = useState(null);
   const [loading, setLoading] = useState(true);
-  
+
   useEffect(() => {
     const activeUser = localStorage.getItem('USER_ID') || 'u1';
     Promise.all([
-      getUser(activeUser).catch(() => ({ name: 'Aarav', zone: 'kochi' })),
+      getUser(activeUser).catch(() => ({ name: 'Arjun Kumar', zone: 'indiranagar' })),
       getIncome(activeUser).catch(() => ([{ income: 4800 }])),
       getClaims(activeUser).catch(() => ([])),
       getBonuses(activeUser).catch(() => ([]))
     ]).then(([userData, incomeData, claimsData, bonusesData]) => {
-       const latestIncome = incomeData && incomeData.length > 0 ? incomeData[0].income : 0;
-       const lastClaim = claimsData && claimsData.length > 0 ? claimsData[0] : { status: 'NONE', date: 'N/A', amount: 0 };
-       const latestBonus = bonusesData && bonusesData.length > 0 ? bonusesData[0] : null;
-       
-       setProfile({
-         name: userData.name || userData.user_id || 'User',
-         zone: (userData.zone || 'Unknown').toUpperCase(),
-         userId: userData.user_id || activeUser,
-         weeklyIncome: latestIncome,
-         premiumRate: 3.5,
-         premiumDue: Math.round(latestIncome * 0.035),
-         premiumDueDate: 'Next Sunday',
-         lastClaim: { 
-           status: lastClaim.status || 'NONE', 
-           date: lastClaim.timestamp ? new Date(lastClaim.timestamp).toLocaleDateString() : 'N/A', 
-           amount: lastClaim.amount || 0 
-         },
-         bonusStreak: latestBonus ? latestBonus.weeks_no_claims : 0,
-         projectedBonus: latestBonus ? latestBonus.projected_bonus : 0,
-       });
-       setLoading(false);
+      const latestIncome = incomeData && incomeData.length > 0 ? incomeData[0].income : 0;
+      const lastClaim = claimsData && claimsData.length > 0 ? claimsData[0] : { status: 'NONE', date: 'N/A', amount: 0 };
+      const latestBonus = bonusesData && bonusesData.length > 0 ? bonusesData[0] : null;
+
+      setProfile({
+        name: userData.name || userData.user_id || 'User',
+        zone: (userData.zone || 'Unknown').toUpperCase(),
+        userId: userData.user_id || activeUser,
+        weeklyIncome: latestIncome,
+        premiumRate: 3.5,
+        premiumDue: Math.round(latestIncome * 0.035),
+        premiumDueDate: 'Next Sunday',
+        lastClaim: {
+          status: lastClaim.status || 'NONE',
+          date: lastClaim.timestamp ? new Date(lastClaim.timestamp).toLocaleDateString() : 'N/A',
+          amount: lastClaim.amount || 0
+        },
+        bonusStreak: latestBonus ? latestBonus.weeks_no_claims : 0,
+        projectedBonus: latestBonus ? latestBonus.projected_bonus : 0,
+      });
+      setLoading(false);
     });
   }, []);
 
   if (loading || !profile) return <div className="p-10 text-[#8892a4] text-center">Loading dashboard...</div>;
 
   const STATS = [
-    { label: 'Weekly Income',  val: `₹${profile.weeklyIncome.toLocaleString('en-IN')}`, sub: 'Latest recorded income', icon: TrendingUp, color: '#f1f5f9' },
-    { label: 'Policy Status',  val: 'Active',  sub: `User: ${profile.userId}`, icon: ShieldCheck, iconColor: '#22c55e', color: '#22c55e' },
-    { label: 'Premium Rate',   val: `${profile.premiumRate}%`, sub: 'Standard α rate', icon: Zap, iconColor: '#3b82f6', color: '#3b82f6' },
-    { label: 'Bonus Streak',   val: `${profile.bonusStreak} wks`, sub: `Projected: ₹${profile.projectedBonus}`, icon: Clock, iconColor: '#f59e0b', color: '#f59e0b' },
+    { label: 'Weekly Income', val: `₹${profile.weeklyIncome.toLocaleString('en-IN')}`, sub: 'Latest recorded income', icon: TrendingUp, color: '#f1f5f9' },
+    { label: 'Policy Status', val: 'Active', sub: `User: ${profile.userId}`, icon: ShieldCheck, iconColor: '#22c55e', color: '#22c55e' },
+    { label: 'Premium Rate', val: `${profile.premiumRate}%`, sub: 'Standard α rate', icon: Zap, iconColor: '#3b82f6', color: '#3b82f6' },
+    { label: 'Bonus Streak', val: `${profile.bonusStreak} wks`, sub: `Projected: ₹${profile.projectedBonus}`, icon: Clock, iconColor: '#f59e0b', color: '#f59e0b' },
   ];
 
   return (
@@ -78,19 +78,19 @@ export default function Dashboard() {
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-5">
         <Card className="lg:col-span-2 relative overflow-hidden bg-gradient-to-br from-[#1e2d4a]/80 to-[#162033]/80 group">
           <div className="absolute right-[-40px] top-[-40px] w-48 h-48 bg-[#e8602c] rounded-full opacity-[0.04] transition-opacity duration-300 group-hover:opacity-[0.08]" />
-          
+
           <div className="relative z-10 space-y-6">
             <div className="flex items-center justify-between">
               <span className="text-[#8892a4] text-xs font-bold tracking-[0.1em] uppercase">Income Snapshot</span>
               <Badge variant="amber">D_s = 0.75</Badge>
             </div>
-            
+
             <div className="space-y-1.5">
               <p className="text-[42px] font-extrabold leading-none" style={{ fontFamily: "'Sora', sans-serif" }}>
                 ₹{profile.weeklyIncome.toLocaleString('en-IN')}
               </p>
               <p className="text-[#22c55e] text-sm font-semibold flex items-center gap-1.5 mt-2">
-                <TrendingUp size={16} /> 
+                <TrendingUp size={16} />
                 12% above weekly average
               </p>
             </div>