From 54d9a19a1cf721cec3a49db9e63db095e68462e6 Mon Sep 17 00:00:00 2001
From: llama <gh@siid.sh>
Date: Mon, 20 Oct 2025 10:03:45 +0800
Subject: [PATCH] add components

---
 qt/launcher-gui/src/routes/ErrorState.svelte | 55 ++++++++++++++++++++
 qt/launcher-gui/src/routes/Uninstall.svelte  | 28 ++++++++++
 2 files changed, 83 insertions(+)
 create mode 100644 qt/launcher-gui/src/routes/ErrorState.svelte
 create mode 100644 qt/launcher-gui/src/routes/Uninstall.svelte

diff --git a/qt/launcher-gui/src/routes/ErrorState.svelte b/qt/launcher-gui/src/routes/ErrorState.svelte
new file mode 100644
index 000000000..1035b770e
--- /dev/null
+++ b/qt/launcher-gui/src/routes/ErrorState.svelte
@@ -0,0 +1,55 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+
+<script lang="ts">
+    import Icon from "$lib/components/Icon.svelte";
+    import IconConstrain from "$lib/components/IconConstrain.svelte";
+    import { alertIcon } from "$lib/components/icons";
+
+    let {
+        title,
+        detail,
+        footer = $bindable(),
+    }: { title: string; detail: string; footer: any } = $props();
+
+    footer = null;
+</script>
+
+<div class="outer">
+    <div class="inner">
+        <IconConstrain iconSize={300}>
+            <Icon icon={alertIcon} />
+        </IconConstrain>
+    </div>
+    <div class="title">{title}</div>
+    <div class="detail">{detail}</div>
+</div>
+
+<style lang="scss">
+    .outer {
+        margin-top: 50px;
+        margin-bottom: 10px;
+    }
+
+    .inner {
+        width: 50px;
+        height: 50px;
+        margin: 0 auto;
+
+        & :global(svg) {
+            position: relative;
+        }
+    }
+
+    .title {
+        font-size: x-large;
+        text-align: center;
+    }
+
+    .detail {
+        font-size: medium;
+        text-align: center;
+    }
+</style>
diff --git a/qt/launcher-gui/src/routes/Uninstall.svelte b/qt/launcher-gui/src/routes/Uninstall.svelte
new file mode 100644
index 000000000..8ec9714aa
--- /dev/null
+++ b/qt/launcher-gui/src/routes/Uninstall.svelte
@@ -0,0 +1,28 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+
+<script lang="ts">
+    let { footer = $bindable() }: { footer: any } = $props();
+
+    footer = null;
+</script>
+
+<div class="outer">
+    <div id="label">TODO: Uninstall</div>
+</div>
+
+<style lang="scss">
+    .outer {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    #label {
+        font-size: x-large;
+        text-align: center;
+    }
+</style>