initial production release 🎉

src/pages/database/_layout.svelte

@@ -0,0 +1,71 @@
+<script>
+  import { params, goto, isActive, redirect, url } from "@roxi/routify";
+  import { fetch, database, initialDatabase } from "@store";
+  import { toast } from "@zerodevx/svelte-toast";
+  import { onDestroy } from "svelte";
+
+  $: name = $params.name
+
+  onDestroy(() => {
+    $database = JSON.parse(JSON.stringify(initialDatabase));
+  });
+
+  async function removeDB() {
+    await $fetch(`/api/v1/databases/${name}`, {
+      method: "DELETE",
+    });
+    toast.push("Database removed.");
+    $redirect(`/dashboard/databases`);
+  }
+</script>
+
+{#if !$isActive("/database/new")}
+  <nav
+    class="flex text-white justify-end items-center m-4 fixed right-0 top-0 space-x-4"
+  >
+    <button
+      title="Delete"
+      class="icon hover:text-red-500"
+      on:click="{removeDB}"
+    >
+      <svg
+        class="w-6"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+        ></path>
+      </svg>
+    </button>
+    <div class="border border-warmGray-700 h-8"></div>
+    <button
+      title="Configuration"
+      disabled
+      class="icon text-warmGray-700 hover:bg-transparent cursor-not-allowed"
+    >
+      <svg
+        class="w-6"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+        ></path>
+      </svg>
+    </button>
+  </nav>
+{/if}
+<div class="text-white">
+  <slot />
+</div>