🎨 Add SvgNotFound component and integrate it into search results; update globals for SVG request links

This commit is contained in:
pheralb
2025-09-16 13:45:23 +01:00
parent 789fc0ce72
commit 0f2f026803
4 changed files with 51 additions and 3 deletions
+36
View File
@@ -0,0 +1,36 @@
<script lang="ts">
import { globals } from "@/globals";
import { buttonVariants } from "@/components/ui/button";
import ArrowUpRight from "@lucide/svelte/icons/arrow-up-right";
import BoxesIcon from "@/components/ui/moving-icons/boxes-icon.svelte";
interface Props {
svgTitle: string;
}
let { svgTitle }: Props = $props();
</script>
<div class="flex w-full flex-col items-center justify-center space-y-4">
<BoxesIcon size={48} strokeWidth={1} />
<p>"{svgTitle}" not found</p>
<div class="flex items-center justify-center space-x-2">
<a
target="_blank"
href={globals.requestSvgUrl}
class={buttonVariants({ variant: "outline" })}
>
<span>Request SVG</span>
<ArrowUpRight size={14} strokeWidth={1.5} />
</a>
<a
target="_blank"
href={globals.submitUrl}
class={buttonVariants({ variant: "outline" })}
>
<span>Submit SVG</span>
<ArrowUpRight size={14} strokeWidth={1.5} />
</a>
</div>
</div>