From 24ce8ccd20c2e29e5f7b8f5733faf6cc7db29a06 Mon Sep 17 00:00:00 2001
From: Benjamin Admin <benjaminadmin@MacBook-Pro.local>
Date: Thu, 16 Apr 2026 00:26:16 +0200
Subject: [PATCH] =?UTF-8?q?fix(pitch-deck):=20TheAsk=20slide=20=E2=80=94?=
 =?UTF-8?q?=20fix=20client-side=20crash?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace emoji with Landmark icon
- Add JSON.parse fallback for use_of_funds
- Guard pieData labels and amounts

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 pitch-deck/components/slides/TheAskSlide.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/pitch-deck/components/slides/TheAskSlide.tsx b/pitch-deck/components/slides/TheAskSlide.tsx
index 4a78490..e8f9dc0 100644
--- a/pitch-deck/components/slides/TheAskSlide.tsx
+++ b/pitch-deck/components/slides/TheAskSlide.tsx
@@ -8,6 +8,7 @@ import GradientText from '../ui/GradientText'
 import FadeInView from '../ui/FadeInView'
 import AnimatedCounter from '../ui/AnimatedCounter'
 import GlassCard from '../ui/GlassCard'
+import { Landmark } from 'lucide-react'
 import { Target, Calendar, FileText } from 'lucide-react'
 import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from 'recharts'
 
@@ -41,13 +42,15 @@ function formatTargetDate(dateStr: string, lang: Language): string {
 
 export default function TheAskSlide({ lang, funding }: TheAskSlideProps) {
   const i = t(lang)
-  const useOfFunds = funding?.use_of_funds || []
-  const amount = funding?.amount_eur || 0
+  const de = lang === 'de'
+  const rawFunds = funding?.use_of_funds
+  const useOfFunds = Array.isArray(rawFunds) ? rawFunds : (typeof rawFunds === 'string' ? JSON.parse(rawFunds) : [])
+  const amount = Number(funding?.amount_eur) || 0
   const { target, suffix } = formatFundingAmount(amount)
 
-  const pieData = useOfFunds.map((item) => ({
-    name: lang === 'de' ? item.label_de : item.label_en,
-    value: item.percentage,
+  const pieData = useOfFunds.map((item: Record<string, unknown>) => ({
+    name: (de ? item.label_de : item.label_en) as string || 'N/A',
+    value: Number(item.percentage) || 0,
   }))
 
   return (
@@ -153,7 +156,7 @@ export default function TheAskSlide({ lang, funding }: TheAskSlideProps) {
       <FadeInView delay={0.6} className="mt-4">
         <div className="bg-gradient-to-r from-indigo-500/10 to-emerald-500/10 border border-indigo-500/20 rounded-xl px-5 py-3">
           <div className="flex items-start gap-3">
-            <span className="text-lg mt-0.5">🏛️</span>
+            <Landmark className="w-5 h-5 text-indigo-400 mt-0.5 shrink-0" />
             <div>
               <p className="text-sm font-bold text-white mb-1">
                 {de ? 'BAFA INVEST — Zuschuss für Wagniskapital' : 'BAFA INVEST — Venture Capital Grant'}