helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): rework combobox and add clear button (#7317)

Browse source 
* feat(web): rework combobox

* simplify statement and use transition-all
This commit is contained in:
Michel Heusschen 2024-02-22 14:12:33 +01:00 • committed by GitHub
parent 749b182f97
commit 46f85618db
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 84 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/shared-components/change-date.svelte
View file

@ -28,7 +28,7 @@
const initialOption = timezones.find((item) => item.value === 'UTC' + initialDate.toFormat('ZZ'));
let selectedOption = {
let selectedOption = initialOption && {
label: initialOption?.label || '',
value: initialOption?.value || '',
};
@ -36,7 +36,7 @@
let selectedDate = initialDate.toFormat("yyyy-MM-dd'T'HH:mm");
// Keep local time if not it's really confusing
$: date = DateTime.fromISO(selectedDate).setZone(selectedOption.value, { keepLocalTime: true });
$: date = DateTime.fromISO(selectedDate).setZone(selectedOption?.value, { keepLocalTime: true });
const dispatch = createEventDispatcher<{
cancel: void;
@ -82,7 +82,7 @@
</div>
<div class="flex flex-col w-full mt-2">
<label for="timezone">Timezone</label>
<Combobox bind:selectedOption options={timezones} placeholder="Search timezone..." />
<Combobox bind:selectedOption id="timezone" options={timezones} placeholder="Search timezone..." />
</div>
</div>
</ConfirmDialogue>