Embed quick actions header
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user