Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-09-29 15:31:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor: components (#22106)

Browse Source
This commit is contained in:
Jason Rasmussen 2025-09-16 16:58:47 -04:00 committed by GitHub
parent 453b30069d
commit 9693d07a8b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/admin-page/jobs/job-tile.svelte → web/src/lib/components/jobs/JobTile.svelte
View File

@ -15,8 +15,8 @@
} from '@mdi/js'; } from '@mdi/js';
import { type Component } from 'svelte'; import { type Component } from 'svelte';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import JobTileButton from './job-tile-button.svelte'; import JobTileButton from './JobTileButton.svelte';
import JobTileStatus from './job-tile-status.svelte'; import JobTileStatus from './JobTileStatus.svelte';
interface Props { interface Props {
title: string; title: string;

0
web/src/lib/components/admin-page/jobs/job-tile-button.svelte → web/src/lib/components/jobs/JobTileButton.svelte
View File

0
web/src/lib/components/admin-page/jobs/job-tile-status.svelte → web/src/lib/components/jobs/JobTileStatus.svelte
View File

4
web/src/lib/components/admin-page/jobs/jobs-panel.svelte → web/src/lib/components/jobs/JobsPanel.svelte
View File

@ -22,8 +22,8 @@
} from '@mdi/js'; } from '@mdi/js';
import type { Component } from 'svelte'; import type { Component } from 'svelte';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import JobTile from './job-tile.svelte'; import JobTile from './JobTile.svelte';
import StorageMigrationDescription from './storage-migration-description.svelte'; import StorageMigrationDescription from './StorageMigrationDescription.svelte';
interface Props { interface Props {
jobs: AllJobStatusResponseDto; jobs: AllJobStatusResponseDto;

0
web/src/lib/components/admin-page/jobs/storage-migration-description.svelte → web/src/lib/components/jobs/StorageMigrationDescription.svelte
View File

0
web/src/lib/components/admin-page/server-stats/stats-card.svelte → web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
View File

2
web/src/lib/components/admin-page/server-stats/server-stats-panel.svelte → web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
View File

@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
import StatsCard from '$lib/components/server-statistics/ServerStatisticsCard.svelte';
import { locale } from '$lib/stores/preferences.store'; import { locale } from '$lib/stores/preferences.store';
import { getByteUnitString, getBytesWithUnit } from '$lib/utils/byte-units'; import { getByteUnitString, getBytesWithUnit } from '$lib/utils/byte-units';
import type { ServerStatsResponseDto } from '@immich/sdk'; import type { ServerStatsResponseDto } from '@immich/sdk';
import { Icon } from '@immich/ui'; import { Icon } from '@immich/ui';
import { mdiCameraIris, mdiChartPie, mdiPlayCircle } from '@mdi/js'; import { mdiCameraIris, mdiChartPie, mdiPlayCircle } from '@mdi/js';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import StatsCard from './stats-card.svelte';
interface Props { interface Props {
stats?: ServerStatsResponseDto; stats?: ServerStatsResponseDto;

2
web/src/routes/admin/jobs-status/+page.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import JobsPanel from '$lib/components/admin-page/jobs/jobs-panel.svelte'; import JobsPanel from '$lib/components/jobs/JobsPanel.svelte';
import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte'; import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
import { AppRoute } from '$lib/constants'; import { AppRoute } from '$lib/constants';
import JobCreateModal from '$lib/modals/JobCreateModal.svelte'; import JobCreateModal from '$lib/modals/JobCreateModal.svelte';

4
web/src/routes/admin/server-status/+page.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import ServerStatsPanel from '$lib/components/admin-page/server-stats/server-stats-panel.svelte';
import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte'; import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
import ServerStatisticsPanel from '$lib/components/server-statistics/ServerStatisticsPanel.svelte';
import { asyncTimeout } from '$lib/utils'; import { asyncTimeout } from '$lib/utils';
import { getServerStatistics } from '@immich/sdk'; import { getServerStatistics } from '@immich/sdk';
import { onDestroy, onMount } from 'svelte'; import { onDestroy, onMount } from 'svelte';
@ -29,7 +29,7 @@
<AdminPageLayout title={data.meta.title}> <AdminPageLayout title={data.meta.title}>
<section id="setting-content" class="flex place-content-center sm:mx-4"> <section id="setting-content" class="flex place-content-center sm:mx-4">
<section class="w-full pb-28 sm:w-5/6 md:w-[850px]"> <section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
<ServerStatsPanel stats={data.stats} /> <ServerStatisticsPanel stats={data.stats} />
</section> </section>
</section> </section>
</AdminPageLayout> </AdminPageLayout>

8
web/src/routes/admin/users/[id]/+page.svelte
View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import StatsCard from '$lib/components/admin-page/server-stats/stats-card.svelte';
import FeatureSetting from '$lib/components/admin-page/user/feature-setting.svelte'; import FeatureSetting from '$lib/components/admin-page/user/feature-setting.svelte';
import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte'; import AdminPageLayout from '$lib/components/layouts/AdminPageLayout.svelte';
import ServerStatisticsCard from '$lib/components/server-statistics/ServerStatisticsCard.svelte';
import { import {
notificationController, notificationController,
NotificationType, NotificationType,
@ -242,9 +242,9 @@
</div> </div>
<div class="col-span-full"> <div class="col-span-full">
<div class="flex flex-col lg:flex-row gap-4 w-full"> <div class="flex flex-col lg:flex-row gap-4 w-full">
<StatsCard icon={mdiCameraIris} title={$t('photos')} value={userStatistics.images} /> <ServerStatisticsCard icon={mdiCameraIris} title={$t('photos')} value={userStatistics.images} />
<StatsCard icon={mdiPlayCircle} title={$t('videos')} value={userStatistics.videos} /> <ServerStatisticsCard icon={mdiPlayCircle} title={$t('videos')} value={userStatistics.videos} />
<StatsCard icon={mdiChartPie} title={$t('storage')} value={statsUsage} unit={statsUsageUnit} /> <ServerStatisticsCard icon={mdiChartPie} title={$t('storage')} value={statsUsage} unit={statsUsageUnit} />
</div> </div>
</div> </div>
<div> <div>