From f4bf270a20b104690a678b1a68b58ee1b07f465a Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Tue, 10 Jan 2023 20:24:38 +0100
Subject: [PATCH] Added some boilerplate

---
 frontend/src/organisms/collection-detail/indexes.svelte | 4 ++--
 frontend/src/organisms/collection-detail/insert.svelte  | 2 +-
 frontend/src/organisms/collection-detail/remove.svelte  | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/organisms/collection-detail/indexes.svelte b/frontend/src/organisms/collection-detail/indexes.svelte
index f5ffe63..5573e5c 100644
--- a/frontend/src/organisms/collection-detail/indexes.svelte
+++ b/frontend/src/organisms/collection-detail/indexes.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <div class="buttons">
-  <button class="btn">Get indexes</button>
-  <button class="btn" disabled={!indexes?.length}>Drop selected</button>
+  <button class="btn" on:click={getIndexes}>Get indexes</button>
+  <button class="btn danger" disabled={!indexes?.length}>Drop selected</button>
   <button class="btn">Create&hellip;</button>
 </div>
diff --git a/frontend/src/organisms/collection-detail/insert.svelte b/frontend/src/organisms/collection-detail/insert.svelte
index 1667c55..3b77e58 100644
--- a/frontend/src/organisms/collection-detail/insert.svelte
+++ b/frontend/src/organisms/collection-detail/insert.svelte
@@ -26,7 +26,7 @@
         Success! {insertedIds.length} document{insertedIds.length > 1 ? 's' : ''} inserted
       {/if}
     </div>
-    <button type="submit" class="btn">Insert</button>
+    <button type="submit" class="btn" disabled={!input}>Insert</button>
   </div>
 </form>
 
diff --git a/frontend/src/organisms/collection-detail/remove.svelte b/frontend/src/organisms/collection-detail/remove.svelte
index b9da298..739eaff 100644
--- a/frontend/src/organisms/collection-detail/remove.svelte
+++ b/frontend/src/organisms/collection-detail/remove.svelte
@@ -6,10 +6,10 @@
   let remove = '';
   $: code = `db.${collection.key}.remove(${remove});`;
 
-  function insert() {}
+  function performRemove() {}
 </script>
 
-<form on:submit|preventDefault={insert}>
+<form on:submit|preventDefault={performRemove}>
   <CodeExample {code} />
 
   <label class="field">
@@ -18,7 +18,7 @@
 
   <div class="flex">
     <div></div>
-    <button type="submit" class="btn">Remove</button>
+    <button type="submit" class="btn" disabled={!remove}>Remove</button>
   </div>
 </form>