feat: quit button

components/HeaderUserWidget.vue

@@ -107,9 +107,9 @@ const navigation: NavigationItem[] = [
     prefix: "",
   },
   {
-    label: "Sign out",
-    route: "/signout",
+    label: "Quit Drop",
+    route: "/quit",
     prefix: "",
-  },
+  }
 ]
 </script>

pages/library.vue

@@ -23,7 +23,7 @@
                   navIdx === currentNavigationIndex
                     ? 'text-zinc-100'
                     : 'text-zinc-400 group-hover:text-zinc-300',
-                  'transition text-sm font-display leading-6',
+                  'truncate transition text-sm font-display leading-6',
                 ]"
               >
                 {{ nav.label }}

pages/quit.vue

@@ -0,0 +1,9 @@
+<!-- This is perhaps one of the most complicated pages in this app -->
+
+<script setup lang="ts">
+import { invoke } from "@tauri-apps/api/core";
+
+await invoke("quit");
+</script>
+
+<template></template>

pages/settings/downloads.vue

@@ -129,7 +129,7 @@
                       : 'text-white bg-blue-600 hover:bg-blue-500',
                   ]"
                 >
-                  Upload
+                  Add
                 </LoadingButton>
                 <button
                   type="button"

src-tauri/src/lib.rs

@@ -82,6 +82,11 @@ fn fetch_state(state: tauri::State<'_, Mutex<AppState>>) -> Result<AppState, Str
     Ok(cloned_state)
 }
 
+#[tauri::command]
+fn quit(app: tauri::AppHandle) {
+    cleanup_and_exit(&app);
+}
+
 fn setup(handle: AppHandle) -> AppState {
     let logfile = FileAppender::builder()
         .encoder(Box::new(PatternEncoder::new("{d} | {l} | {f} - {m}{n}")))
@@ -157,8 +162,9 @@ pub fn run() {
     let mut app = builder
         .plugin(tauri_plugin_deep_link::init())
         .invoke_handler(tauri::generate_handler![
-            // DB
+            // Core utils
             fetch_state,
+            quit,
             // Auth
             auth_initiate,
             retry_connect,