a02e1f5e7c
* remove import and referenced file * first pass at replacing all CircleIconButtons * fix linting issues * fix combobox formatting issues * fix button context menu coloring * remove circle icon button from search history box * use theme switcher from UI lib * dark mode force the asset viewer icons * fix forced dark mode icons * dark mode memory viewer icons * fix: back button in memory viewer --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
70 lines
2.0 KiB
Svelte
70 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import { authManager } from '$lib/managers/auth-manager.svelte';
|
|
import { modalManager } from '$lib/managers/modal-manager.svelte';
|
|
import { handleError } from '$lib/utils/handle-error';
|
|
import { removeSharedLinkAssets, type SharedLinkResponseDto } from '@immich/sdk';
|
|
import { mdiDeleteOutline } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
import { NotificationType, notificationController } from '../../shared-components/notification/notification';
|
|
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
|
|
import { IconButton } from '@immich/ui';
|
|
|
|
interface Props {
|
|
sharedLink: SharedLinkResponseDto;
|
|
}
|
|
|
|
let { sharedLink = $bindable() }: Props = $props();
|
|
|
|
const { getAssets, clearSelect } = getAssetControlContext();
|
|
|
|
const handleRemove = async () => {
|
|
const isConfirmed = await modalManager.showDialog({
|
|
title: $t('remove_assets_title'),
|
|
prompt: $t('remove_assets_shared_link_confirmation', { values: { count: getAssets().length } }),
|
|
confirmText: $t('remove'),
|
|
});
|
|
|
|
if (!isConfirmed) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const results = await removeSharedLinkAssets({
|
|
id: sharedLink.id,
|
|
assetIdsDto: {
|
|
assetIds: [...getAssets()].map((asset) => asset.id),
|
|
},
|
|
key: authManager.key,
|
|
});
|
|
|
|
for (const result of results) {
|
|
if (!result.success) {
|
|
continue;
|
|
}
|
|
|
|
sharedLink.assets = sharedLink.assets.filter((asset) => asset.id !== result.assetId);
|
|
}
|
|
|
|
const count = results.filter((item) => item.success).length;
|
|
|
|
notificationController.show({
|
|
type: NotificationType.Info,
|
|
message: $t('assets_removed_count', { values: { count } }),
|
|
});
|
|
|
|
clearSelect();
|
|
} catch (error) {
|
|
handleError(error, $t('errors.unable_to_remove_assets_from_shared_link'));
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<IconButton
|
|
shape="round"
|
|
color="secondary"
|
|
variant="ghost"
|
|
aria-label={$t('remove_from_shared_link')}
|
|
onclick={handleRemove}
|
|
icon={mdiDeleteOutline}
|
|
/>
|