immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-23 09:15:05 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

refactor: map setting modal (#24789)

Browse Source
This commit is contained in:
Jason Rasmussen
2025-12-22 13:54:14 -05:00
committed by GitHub
parent 8ad27c7cea
commit f99f5f4f91
1 changed files with 100 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/lib/modals/MapSettingsModal.svelte
View File

@@ -2,7 +2,7 @@
import SettingSelect from '$lib/components/shared-components/settings/setting-select.svelte'; import SettingSelect from '$lib/components/shared-components/settings/setting-select.svelte';
import DateInput from '$lib/elements/DateInput.svelte'; import DateInput from '$lib/elements/DateInput.svelte';
import type { MapSettings } from '$lib/stores/preferences.store'; import type { MapSettings } from '$lib/stores/preferences.store';
import { Button, Field, HStack, Modal, ModalBody, ModalFooter, Stack, Switch } from '@immich/ui'; import { Button, Field, FormModal, Stack, Switch } from '@immich/ui';
import { Duration } from 'luxon'; import { Duration } from 'luxon';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import { fly } from 'svelte/transition'; import { fly } from 'svelte/transition';
@@ -17,15 +17,12 @@
let customDateRange = $state(!!settings.dateAfter || !!settings.dateBefore); let customDateRange = $state(!!settings.dateAfter || !!settings.dateBefore);
const onsubmit = (event: Event) => { const onSubmit = () => {
event.preventDefault();
onClose(settings); onClose(settings);
}; };
</script> </script>
<Modal title={$t('map_settings')} {onClose} size="small"> <FormModal title={$t('map_settings')} {onClose} {onSubmit} size="small">
<ModalBody>
<form {onsubmit} id="map-settings-form">
<Stack gap={4}> <Stack gap={4}>
<Field label={$t('allow_dark_mode')}> <Field label={$t('allow_dark_mode')}>
<Switch bind:checked={settings.allowDarkMode} /> <Switch bind:checked={settings.allowDarkMode} />
@@ -123,13 +120,4 @@
</div> </div>
{/if} {/if}
</Stack> </Stack>
</form> </FormModal>
</ModalBody>
<ModalFooter>
<HStack fullWidth>
<Button color="secondary" shape="round" fullWidth onclick={() => onClose()}>{$t('cancel')}</Button>
<Button type="submit" shape="round" fullWidth form="map-settings-form">{$t('save')}</Button>
</HStack>
</ModalFooter>
</Modal>