From 82053c1d4117986c269b76a240bea9bda86a4305 Mon Sep 17 00:00:00 2001
From: ZXY101 <tennershaun@gmail.com>
Date: Fri, 29 Sep 2023 11:52:01 +0200
Subject: [PATCH] Add catalog settings

---
 src/lib/components/Settings/CatalogSettings.svelte | 14 ++++++++++++++
 .../components/Settings/Profiles/Profiles.svelte   |  8 --------
 src/lib/components/Settings/Settings.svelte        |  2 ++
 3 files changed, 16 insertions(+), 8 deletions(-)
 create mode 100644 src/lib/components/Settings/CatalogSettings.svelte

diff --git a/src/lib/components/Settings/CatalogSettings.svelte b/src/lib/components/Settings/CatalogSettings.svelte
new file mode 100644
index 0000000..025fc8c
--- /dev/null
+++ b/src/lib/components/Settings/CatalogSettings.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { AccordionItem, Button } from 'flowbite-svelte';
+  import { db } from '$lib/catalog/db';
+  import { promptConfirmation } from '$lib/util';
+
+  function onClear() {
+    promptConfirmation('Are you sure you want to clear your catalog?', () => db.catalog.clear());
+  }
+</script>
+
+<AccordionItem>
+  <span slot="header">Catalog settings</span>
+  <Button on:click={onClear} outline color="red">Clear catalog</Button>
+</AccordionItem>
diff --git a/src/lib/components/Settings/Profiles/Profiles.svelte b/src/lib/components/Settings/Profiles/Profiles.svelte
index 2e9349d..38382f6 100644
--- a/src/lib/components/Settings/Profiles/Profiles.svelte
+++ b/src/lib/components/Settings/Profiles/Profiles.svelte
@@ -30,11 +30,3 @@
     </div>
   </div>
 </AccordionItem>
-
-<!-- import { db } from '$lib/catalog/db';
-import { promptConfirmation } from '$lib/util';
-
-function onClear() {
-  promptConfirmation('Are you sure you want to clear your catalog?', () => db.catalog.clear());
-}
-<Button on:click={onClear} outline color="red">Clear catalog</Button> -->
diff --git a/src/lib/components/Settings/Settings.svelte b/src/lib/components/Settings/Settings.svelte
index 2172ed9..be43c65 100644
--- a/src/lib/components/Settings/Settings.svelte
+++ b/src/lib/components/Settings/Settings.svelte
@@ -7,6 +7,7 @@
   import AnkiConnectSettings from './AnkiConnectSettings.svelte';
   import ReaderSettings from './Reader/ReaderSettings.svelte';
   import Profiles from './Profiles/Profiles.svelte';
+  import CatalogSettings from './CatalogSettings.svelte';
 
   let transitionParams = {
     x: 320,
@@ -45,6 +46,7 @@
       <ReaderSettings />
       <AnkiConnectSettings />
       <Profiles />
+      <CatalogSettings />
     </Accordion>
     <div class="flex flex-col gap-2">
       <Button outline on:click={onReset}>Reset</Button>