File changes

Author: base44-builder[bot]

src/pages/GamificationAnalytics.jsx

@@ -141,46 +141,63 @@ export default function GamificationAnalytics() {
       )}
 
       {/* Analytics Tabs */}
-      <Tabs defaultValue="tiers" className="space-y-4">
-        <TabsList>
-          <TabsTrigger value="tiers">
-            <Trophy className="h-4 w-4 mr-2" />
-            Tier Performance
-          </TabsTrigger>
-          <TabsTrigger value="redemptions">
-            <Gift className="h-4 w-4 mr-2" />
-            Redemption Analytics
-          </TabsTrigger>
-          <TabsTrigger value="engagement">
-            <BarChart3 className="h-4 w-4 mr-2" />
-            Engagement Correlation
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="tiers" className="space-y-4">
-          <TierPerformanceChart 
-            usersByTier={usersByTier}
-            allTiers={allTiers}
-            allUserPoints={allUserPoints}
-            pointsLedger={pointsLedger}
-          />
-        </TabsContent>
-
-        <TabsContent value="redemptions" className="space-y-4">
-          <RedemptionAnalytics 
-            redemptions={allRedemptions}
-            userPoints={allUserPoints}
-          />
-        </TabsContent>
-
-        <TabsContent value="engagement" className="space-y-4">
-          <EngagementCorrelation 
-            pointsLedger={pointsLedger}
-            recognitions={recognitions}
-            userPoints={allUserPoints}
-          />
-        </TabsContent>
-      </Tabs>
+      {hasData && (
+        <Tabs defaultValue="tiers" className="space-y-4">
+          <TabsList>
+            <TabsTrigger value="tiers">
+              <Trophy className="h-4 w-4 mr-2" />
+              Points by Tier
+            </TabsTrigger>
+            <TabsTrigger value="redemptions">
+              <Gift className="h-4 w-4 mr-2" />
+              Redemption Analytics
+            </TabsTrigger>
+            <TabsTrigger value="engagement">
+              <BarChart3 className="h-4 w-4 mr-2" />
+              Engagement Correlation
+            </TabsTrigger>
+          </TabsList>
+
+          <TabsContent value="tiers" className="space-y-4">
+            {tierDistributionData.length === 0 ? (
+              <Card className="bg-slate-900 border-slate-800">
+                <CardContent className="py-8 text-center">
+                  <p className="text-slate-400">No tier distribution data available</p>
+                </CardContent>
+              </Card>
+            ) : (
+              <Card className="bg-slate-900 border-slate-800">
+                <CardContent className="pt-6">
+                  <ResponsiveContainer width="100%" height={300}>
+                    <BarChart data={tierDistributionData}>
+                      <CartesianGrid strokeDasharray="3 3" stroke="#334155" />
+                      <XAxis dataKey="tier" stroke="#cbd5e1" />
+                      <YAxis stroke="#cbd5e1" />
+                      <Tooltip contentStyle={{ backgroundColor: '#1e293b', border: '1px solid #475569', borderRadius: '8px' }} />
+                      <Bar dataKey="points" fill="#F59E0B" radius={[8, 8, 0, 0]} />
+                    </BarChart>
+                  </ResponsiveContainer>
+                </CardContent>
+              </Card>
+            )}
+          </TabsContent>
+
+          <TabsContent value="redemptions" className="space-y-4">
+            <RedemptionAnalytics 
+              redemptions={safeRedemptions}
+              userPoints={safeUserPoints}
+            />
+          </TabsContent>
+
+          <TabsContent value="engagement" className="space-y-4">
+            <EngagementCorrelation 
+              pointsLedger={pointsLedger}
+              recognitions={recognitions}
+              userPoints={safeUserPoints}
+            />
+          </TabsContent>
+        </Tabs>
+      )}
     </div>
   );
 }