refactor(web): co-locate single-use components in /routes (#27921)

* co-locate single use components to /routes * revert accidentally changed paths * fix mangled path * fmt * fix accidentally moved multi-use components
2026-05-18 03:10:24 +03:00 · 2026-04-18 02:21:36 +01:00
parent b0e4850d76
commit 03af669856
128 changed files with 108 additions and 108 deletions
@@ -1,91 +0,0 @@
-<script lang="ts">
-  import { copyToClipboard } from '$lib/utils';
-  import {
-    Card,
-    CardBody,
-    CardFooter,
-    CardHeader,
-    CardTitle,
-    Icon,
-    IconButton,
-    Link,
-    Logo,
-    Text,
-    VStack,
-  } from '@immich/ui';
-  import { mdiAlarmLight, mdiCodeTags, mdiContentCopy, mdiMessage, mdiPartyPopper } from '@mdi/js';
-  import { t } from 'svelte-i18n';
-
-  interface Props {
-    error?: { message: string; code?: string | number; stack?: string } | undefined | null;
-  }
-
-  let { error = undefined }: Props = $props();
-
-  const handleCopy = async () => {
-    if (!error) {
-      return;
-    }
-
-    await copyToClipboard(`${error.message} - ${error.code}\n${error.stack}`);
-  };
-</script>
-
-<div class="flex flex-col h-dvh w-dvw">
-  <section>
-    <div class="flex place-items-center border-b px-6 py-4 dark:border-b-immich-dark-gray">
-      <Link href="/photos">
-        <Logo variant="inline" />
-      </Link>
-    </div>
-  </section>
-
-  <div class="flex flex-1 w-full place-content-center place-items-center overflow-hidden bg-black/30">
-    <div class="max-w-[95vw]">
-      <Card color="secondary">
-        <CardHeader class="flex-row justify-between gap-12">
-          <CardTitle tag="h1" size="medium" class="text-primary flex place-items-center gap-4">
-            <Icon icon={mdiAlarmLight} color="red" size="32" />
-            {$t('error_title')}
-          </CardTitle>
-          <IconButton
-            shape="round"
-            color="primary"
-            icon={mdiContentCopy}
-            aria-label={$t('copy_error')}
-            onclick={handleCopy}
-          />
-        </CardHeader>
-
-        <CardBody class="flex flex-col gap-2">
-          <Text color="danger">{error?.message} (HTTP {error?.code})</Text>
-          {#if error?.stack}
-            <label for="stacktrace">{$t('stacktrace')}</label>
-            <pre id="stacktrace" class="text-xs">{error.stack}</pre>
-          {/if}
-        </CardBody>
-
-        <CardFooter class="items-start">
-          <Link href="https://discord.immich.app" class="flex grow basis-0 justify-center">
-            <VStack>
-              <Icon icon={mdiMessage} size="24" />
-              <Text size="small" class="text-center">{$t('get_help')}</Text>
-            </VStack>
-          </Link>
-          <Link href="https://github.com/immich-app/immich/releases" class="flex grow basis-0 justify-center">
-            <VStack>
-              <Icon icon={mdiPartyPopper} size="24" />
-              <Text size="small" class="text-center">{$t('read_changelog')}</Text>
-            </VStack>
-          </Link>
-          <Link href="https://docs.immich.app/guides/docker-help" class="flex grow basis-0 justify-center">
-            <VStack>
-              <Icon icon={mdiCodeTags} size="24" />
-              <Text size="small" class="text-center">{$t('check_logs')}</Text>
-            </VStack>
-          </Link>
-        </CardFooter>
-      </Card>
-    </div>
-  </div>
-</div>