soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Compact tasks toggle and title
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details
tests / ui (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Codex Agent
2026-01-22 21:15:55 +01:00
parent ef88342bd0
commit 056d864f80
4 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/admin/mobile/EventTasksPage.tsx
View File

@@ -1035,7 +1035,7 @@ export default function MobileEventTasksPage() {
return (
<MobileShell
activeTab="tasks"
title={t('events.tasks.title', 'Photo tasks & checklists')}
title={t('events.tasks.title', 'Photo tasks for guests')}
onBack={back}
headerActions={
<XStack space="$2">
@@ -1084,7 +1084,7 @@ export default function MobileEventTasksPage() {
<YStack space="$2">
<XStack alignItems="center" justifyContent="space-between" space="$2">
<Text fontSize="$xs" fontWeight="700" color={text}>
{t('events.tasks.toggle.title', 'Photo task mode')}
{t('events.tasks.toggle.title', 'Photo tasks for guests')}
</Text>
<Pressable
onPress={() => setShowTaskDetails((prev) => !prev)}
@@ -1110,22 +1110,22 @@ export default function MobileEventTasksPage() {
<XStack
alignItems="center"
justifyContent="space-between"
paddingHorizontal="$2.5"
paddingVertical="$2"
borderRadius={14}
paddingHorizontal="$2"
paddingVertical="$1.5"
borderRadius={12}
borderWidth={1}
borderColor={border}
backgroundColor={surface}
>
<Text fontSize="$xs" fontWeight="700" color={text}>
{t('events.tasks.toggle.switchLabel', 'Photo tasks for guests')}
{t('events.tasks.toggle.switchLabel', 'Photo task mode')}
</Text>
<XStack alignItems="center" space="$2">
<XStack alignItems="center" space="$1.5">
<Switch
size="$4"
size="$3"
checked={tasksEnabled}
onCheckedChange={handleTasksToggle}
aria-label={t('events.tasks.toggle.switchLabel', 'Photo tasks for guests')}
aria-label={t('events.tasks.toggle.switchLabel', 'Photo task mode')}
disabled={!canManageTasks || tasksToggleBusy}
>
<Switch.Thumb />

6
resources/js/admin/mobile/__tests__/EventTasksPage.test.tsx
View File

@@ -277,7 +277,7 @@ describe('MobileEventTasksPage', () => {
it('renders the tabs and photo task header', async () => {
render(<MobileEventTasksPage />);
expect(await screen.findByText('Photo task mode')).toBeInTheDocument();
expect(await screen.findByText('Photo tasks for guests')).toBeInTheDocument();
expect(screen.getByRole('button', { name: 'Tasks' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: 'Task Library' })).toBeInTheDocument();
expect(screen.getByRole('button', { name: 'Emotions' })).toBeInTheDocument();
@@ -294,7 +294,7 @@ describe('MobileEventTasksPage', () => {
render(<MobileEventTasksPage />);
const detailsLabel = 'Control whether guests see mission cards and prompts.';
expect(await screen.findByText('Photo task mode')).toBeInTheDocument();
expect(await screen.findByText('Photo tasks for guests')).toBeInTheDocument();
expect(screen.queryByText(detailsLabel)).not.toBeInTheDocument();
fireEvent.click(screen.getByLabelText(detailsLabel));
@@ -327,7 +327,7 @@ describe('MobileEventTasksPage', () => {
render(<MobileEventTasksPage />);
expect(await screen.findByText('Photo task mode')).toBeInTheDocument();
expect(await screen.findByText('Photo tasks for guests')).toBeInTheDocument();
await waitFor(() => {
expect(screen.queryByLabelText('Add')).not.toBeInTheDocument();
});