Embed quick actions header
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (push) Has been cancelled
tests / ui (push) Has been cancelled

This commit is contained in:
Codex Agent
2026-01-22 16:31:46 +01:00
parent 8aa2efdd9a
commit 64c9d7357a

View File

@@ -237,10 +237,6 @@ export default function MobileDashboardPage() {
<AlertsSection event={activeEvent} stats={stats} t={t} /> <AlertsSection event={activeEvent} stats={stats} t={t} />
{/* 4. UNIFIED COMMAND GRID */} {/* 4. UNIFIED COMMAND GRID */}
<SectionHeader
title={t('dashboard:quickActions.title', 'Quick actions')}
subtitle={t('dashboard:quickActions.description', 'Jump straight to the most important actions.')}
/>
<UnifiedToolGrid <UnifiedToolGrid
event={activeEvent} event={activeEvent}
navigate={navigate} navigate={navigate}
@@ -532,15 +528,22 @@ function UnifiedToolGrid({ event, navigate, permissions, isMember, isCompleted }
].filter((section) => section.items.length > 0); ].filter((section) => section.items.length > 0);
return ( return (
<YStack space="$3"> <DashboardCard padding="$0">
<YStack padding="$3.5" space="$2">
<SectionHeader
title={t('dashboard:quickActions.title', 'Quick actions')}
subtitle={t('dashboard:quickActions.description', 'Jump straight to the most important actions.')}
showSeparator={false}
compact
/>
</YStack>
<Separator backgroundColor={theme.border} opacity={0.6} />
<YStack padding="$3.5" space="$3">
{sections.map((section) => ( {sections.map((section) => (
<DashboardCard key={section.title} padding="$0"> <YStack key={section.title} space="$2">
<YStack padding="$3.5" paddingBottom="$2.5" space="$1">
<Text fontSize="$xs" fontWeight="700" color={theme.muted} textTransform="uppercase" letterSpacing={1}> <Text fontSize="$xs" fontWeight="700" color={theme.muted} textTransform="uppercase" letterSpacing={1}>
{section.title} {section.title}
</Text> </Text>
</YStack>
<Separator backgroundColor={theme.border} opacity={0.6} />
<YGroup {...({ borderRadius: "$4", borderWidth: 1, borderColor: theme.border, overflow: "hidden" } as any)}> <YGroup {...({ borderRadius: "$4", borderWidth: 1, borderColor: theme.border, overflow: "hidden" } as any)}>
{section.items.map((item) => { {section.items.map((item) => {
const iconColor = item.color || theme.textStrong; const iconColor = item.color || theme.textStrong;
@@ -575,9 +578,10 @@ function UnifiedToolGrid({ event, navigate, permissions, isMember, isCompleted }
); );
})} })}
</YGroup> </YGroup>
</DashboardCard> </YStack>
))} ))}
</YStack> </YStack>
</DashboardCard>
); );
} }