Compact dashboard overview

resources/js/admin/mobile/DashboardPage.tsx

@@ -199,16 +199,15 @@ export default function MobileDashboardPage() {
   return (
     <MobileShell activeTab="home" title={t('mobileDashboard.title', 'Dashboard')}>
       <DashboardCard padding="$0">
-        <YStack padding="$3.5" space="$2">
+        <YStack padding="$3" space="$2">
           <SectionHeader
             title={t('dashboard:overview.title', 'At a glance')}
-            subtitle={t('dashboard:overview.description', 'Key customer metrics at a glance.')}
             showSeparator={false}
             compact
           />
         </YStack>
         <Separator backgroundColor={theme.border} opacity={0.6} />
-        <YStack padding="$3.5" space="$2.5">
+        <YStack padding="$3" space="$2.5">
           {/* 1. LIFECYCLE HERO */}
           <LifecycleHero
             event={activeEvent}
@@ -223,12 +222,13 @@ export default function MobileDashboardPage() {
           {phase === 'setup' && (
             <SetupChecklist
               steps={readiness.steps}
-              title={t('management:photobooth.checklist.title', 'Checklist')}
+              title={t('dashboard:readiness.title', 'Bereit für den Eventstart')}
               variant="embedded"
             />
           )}
 
           {/* 2. PULSE STRIP */}
+          <Separator backgroundColor={theme.border} opacity={0.6} />
           <PulseStrip event={activeEvent} stats={stats} />
         </YStack>
       </DashboardCard>
@@ -400,6 +400,7 @@ function LifecycleHero({ event, stats, locale, navigate, readiness, variant = 'd
   const nextStep = readiness.nextStep;
   const ctaLabel = nextStep ? nextStep.ctaLabel : t('dashboard:onboarding.hero.cta', 'Setup Complete');
   const ctaAction = nextStep ? () => navigate(adminPath(nextStep.targetPath)) : undefined;
+  const showCta = Boolean(nextStep);
   
   return (
     <YStack space="$2">
@@ -423,9 +424,9 @@ function LifecycleHero({ event, stats, locale, navigate, readiness, variant = 'd
             </YStack>
           </XStack>
 
-          <Separator backgroundColor={theme.border} opacity={0.6} />
+          {showCta ? <Separator backgroundColor={theme.border} opacity={0.6} /> : null}
 
-          {!readiness.isReady ? (
+          {showCta ? (
             <Button
               onPress={ctaAction}
               backgroundColor={theme.primary}
@@ -440,14 +441,7 @@ function LifecycleHero({ event, stats, locale, navigate, readiness, variant = 'd
                 <ChevronRight size={16} color="white" />
               </XStack>
             </Button>
-          ) : (
-            <XStack alignItems="center" space="$2">
-              <CheckCircle2 size={18} color={theme.successText} />
-              <Text fontSize="$sm" color={theme.successText} fontWeight="700">
-                {t('management:mobileDashboard.readyForLiftoff', 'Ready for Liftoff')}
-              </Text>
-            </XStack>
-          )}
+          ) : null}
         </YStack>
       </DashboardCard>
     </YStack>