c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-29 07:01:59 +00:00
Code Releases Activity

fix(web): statusbox re-rendering and nav bar when trashing assets (#6581)

Browse source 
* fix: issues on web

* fix: description in shared album

* fix: remove unused api request

* revert

* fix: linter
This commit is contained in:
martin 2024-01-23 07:30:22 +01:00 committed by GitHub
parent f97f23d149
commit 74f1000e83
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/src/lib/components/photos-page/actions/delete-assets.svelte
View file

@ -12,7 +12,7 @@
export let menuItem = false;
export let force = !$featureFlags.trash;
const { getOwnedAssets } = getAssetControlContext();
const { clearSelect, getOwnedAssets } = getAssetControlContext();
const dispatch = createEventDispatcher<{
escape: void;
@ -36,6 +36,7 @@
.filter((a) => !a.isExternal)
.map((a) => a.id);
await deleteAssets(force, onAssetDelete, ids);
clearSelect();
isShowConfirmation = false;
loading = false;
};

20
web/src/lib/components/shared-components/status-box.svelte
View file

@ -2,22 +2,22 @@
import Icon from '$lib/components/elements/icon.svelte';
import { locale } from '$lib/stores/preferences.store';
import { websocketStore } from '$lib/stores/websocket';
import { type UserResponseDto, api } from '@api';
import { api } from '@api';
import { onMount } from 'svelte';
import { asByteUnitString } from '../../utils/byte-units';
import LoadingSpinner from './loading-spinner.svelte';
import { mdiChartPie, mdiDns } from '@mdi/js';
import { serverInfoStore } from '$lib/stores/server-info.store';
import { user } from '$lib/stores/user.store';
const { serverVersion, connected } = websocketStore;
let userInfo: UserResponseDto;
let usageClasses = '';
$: version = $serverVersion ? `v${$serverVersion.major}.${$serverVersion.minor}.${$serverVersion.patch}` : null;
$: hasQuota = userInfo?.quotaSizeInBytes !== null;
$: availableBytes = (hasQuota ? userInfo?.quotaSizeInBytes : $serverInfoStore.diskSizeRaw) || 0;
$: usedBytes = (hasQuota ? userInfo?.quotaUsageInBytes : $serverInfoStore.diskUseRaw) || 0;
$: hasQuota = $user?.quotaSizeInBytes !== null;
$: availableBytes = (hasQuota ? $user?.quotaSizeInBytes : $serverInfoStore?.diskSizeRaw) || 0;
$: usedBytes = (hasQuota ? $user?.quotaUsageInBytes : $serverInfoStore?.diskUseRaw) || 0;
$: usedPercentage = Math.round((usedBytes / availableBytes) * 100);
const onUpdate = () => {
@ -36,7 +36,7 @@
return 'bg-immich-primary dark:bg-immich-dark-primary';
};
$: userInfo && onUpdate();
$: $user && onUpdate();
onMount(async () => {
await refresh();
@ -44,10 +44,10 @@
const refresh = async () => {
try {
[$serverInfoStore, userInfo] = await Promise.all([
api.serverInfoApi.getServerInfo().then(({ data }) => data),
api.userApi.getMyUserInfo().then(({ data }) => data),
]);
if (!$serverInfoStore) {
const { data } = await api.serverInfoApi.getServerInfo();
$serverInfoStore = data;
}
} catch (e) {
console.log('Error [StatusBox] [onMount]');
}