Settings cleanup

src/lib/components/Reader/Reader.svelte

@@ -16,6 +16,8 @@
   import { page as pageStore } from '$app/stores';
   import SettingsButton from './SettingsButton.svelte';
 
+  // TODO: Refactor this whole mess
+
   $: volume = $catalog
     ?.find((item) => item.id === $pageStore.params.manga)
     ?.manga.find((item) => item.mokuroData.volume_uuid === $pageStore.params.volume);

src/lib/components/Settings/Reader/ReaderSettings.svelte

@@ -2,10 +2,10 @@
   import { AccordionItem } from 'flowbite-svelte';
   import ReaderSelects from './ReaderSelects.svelte';
   import ReaderToggles from './ReaderToggles.svelte';
-  import { page } from '$app/stores';
+  import { isReader } from '$lib/util';
 </script>
 
-<AccordionItem open={$page.route.id === '/[manga]/[volume]'}>
+<AccordionItem>
   <span slot="header">Reader</span>
   <div class="flex flex-col gap-5">
     <ReaderSelects />

src/lib/components/Settings/Settings.svelte

@@ -5,8 +5,9 @@
   import { resetSettings } from '$lib/settings';
   import { promptConfirmation } from '$lib/util';
   import AnkiConnectSettings from './AnkiConnectSettings.svelte';
-  import ReaderSettings from './ReaderSettings.svelte';
-  import Profiles from './Profiles.svelte';
+  import ReaderSettings from './Reader/ReaderSettings.svelte';
+  import VolumeSettings from './VolumeSettings.svelte';
+  // import Profiles from './Profiles.svelte';
 
   let transitionParams = {
     x: 320,
@@ -42,9 +43,10 @@
   </div>
   <div class="flex flex-col gap-5">
     <Accordion flush>
+      <VolumeSettings />
       <ReaderSettings />
       <AnkiConnectSettings />
-      <Profiles />
+      <!-- <Profiles /> -->
     </Accordion>
     <div class="flex flex-col gap-2">
       <Button outline on:click={onReset}>Reset</Button>

src/lib/components/Settings/VolumeSettings.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { AccordionItem } from 'flowbite-svelte';
+  import { page } from '$app/stores';
+  import { isReader } from '$lib/util';
+</script>
+
+{#if isReader()}
+  <AccordionItem>
+    <span slot="header">Volume settings</span>
+    <div class="flex flex-col gap-5">sdafsd</div>
+    <div class="flex flex-col gap-5">sdafsd</div>
+    <div class="flex flex-col gap-5">sdafsd</div>
+  </AccordionItem>
+{/if}