fix: change all download icons to mdiDownload for clarity and consistency (#20821)

change all download icons to `mdiDownload` for clarity and consistency
This commit is contained in:
Nicholas
2025-08-10 22:23:21 -04:00
committed by GitHub
parent 4b9019e762
commit d6d31c6695
6 changed files with 14 additions and 16 deletions
@@ -5,7 +5,7 @@
import { downloadArchive, downloadFile } from '$lib/utils/asset-utils';
import { getAssetInfo } from '@immich/sdk';
import { IconButton } from '@immich/ui';
import { mdiCloudDownloadOutline, mdiFileDownloadOutline, mdiFolderDownloadOutline } from '@mdi/js';
import { mdiDownload } from '@mdi/js';
import { t } from 'svelte-i18n';
import MenuOption from '../../shared-components/context-menu/menu-option.svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
@@ -31,21 +31,19 @@
clearSelect();
await downloadArchive(filename, { assetIds: assets.map((asset) => asset.id) });
};
let menuItemIcon = $derived(getAssets().length === 1 ? mdiFileDownloadOutline : mdiFolderDownloadOutline);
</script>
<svelte:document use:shortcut={{ shortcut: { key: 'd', shift: true }, onShortcut: handleDownloadFiles }} />
{#if menuItem}
<MenuOption text={$t('download')} icon={menuItemIcon} onClick={handleDownloadFiles} />
<MenuOption text={$t('download')} icon={mdiDownload} onClick={handleDownloadFiles} />
{:else}
<IconButton
shape="round"
color="secondary"
variant="ghost"
aria-label={$t('download')}
icon={mdiCloudDownloadOutline}
icon={mdiDownload}
onclick={handleDownloadFiles}
/>
{/if}