From c3c94a604cb05f1b176014fb8e8e2f1d4ab65932 Mon Sep 17 00:00:00 2001
From: ZXY101 <tennershaun@gmail.com>
Date: Sat, 23 Sep 2023 06:46:21 +0200
Subject: [PATCH] Profiles mock

---
 src/lib/components/Settings/Profiles.svelte   | 19 +++++++++++++++++++
 .../components/Settings/ReaderSettings.svelte |  2 +-
 src/lib/components/Settings/Settings.svelte   |  2 ++
 src/lib/upload/index.ts                       |  2 +-
 4 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 src/lib/components/Settings/Profiles.svelte

diff --git a/src/lib/components/Settings/Profiles.svelte b/src/lib/components/Settings/Profiles.svelte
new file mode 100644
index 0000000..c5820ae
--- /dev/null
+++ b/src/lib/components/Settings/Profiles.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { AccordionItem, Button, Label, Select } from 'flowbite-svelte';
+
+  let profiles = [
+    { value: 'default', name: 'Default' },
+    { value: 'profile1', name: 'Profile 1' },
+    { value: 'profile2', name: 'Porfile 2' }
+  ];
+
+  let profile = 'default';
+</script>
+
+<AccordionItem>
+  <span slot="header">Profile</span>
+  <div class="flex flex-col gap-2">
+    <Select items={profiles} value={profile} />
+    <Button size="sm" outline color="dark">Manage profiles</Button>
+  </div>
+</AccordionItem>
diff --git a/src/lib/components/Settings/ReaderSettings.svelte b/src/lib/components/Settings/ReaderSettings.svelte
index 4c8a365..677db6f 100644
--- a/src/lib/components/Settings/ReaderSettings.svelte
+++ b/src/lib/components/Settings/ReaderSettings.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Accordion, AccordionItem, Label, Toggle, Input } from 'flowbite-svelte';
+  import { AccordionItem } from 'flowbite-svelte';
   import ReaderSelects from './ReaderSelects.svelte';
   import ReaderToggles from './ReaderToggles.svelte';
   import { page } from '$app/stores';
diff --git a/src/lib/components/Settings/Settings.svelte b/src/lib/components/Settings/Settings.svelte
index 985ae3f..5a8e01d 100644
--- a/src/lib/components/Settings/Settings.svelte
+++ b/src/lib/components/Settings/Settings.svelte
@@ -6,6 +6,7 @@
   import { promptConfirmation } from '$lib/util';
   import AnkiConnectSettings from './AnkiConnectSettings.svelte';
   import ReaderSettings from './ReaderSettings.svelte';
+  import Profiles from './Profiles.svelte';
 
   let transitionParams = {
     x: 320,
@@ -43,6 +44,7 @@
     <Accordion flush>
       <ReaderSettings />
       <AnkiConnectSettings />
+      <Profiles />
     </Accordion>
     <div class="flex flex-col gap-2">
       <Button outline on:click={onReset}>Reset</Button>
diff --git a/src/lib/upload/index.ts b/src/lib/upload/index.ts
index 2f89bb2..8ea095a 100644
--- a/src/lib/upload/index.ts
+++ b/src/lib/upload/index.ts
@@ -61,7 +61,7 @@ export async function scanFiles(item: FileSystemEntry, files: Promise<File | und
 }
 
 export async function processFiles(files: File[]) {
-  const zipTypes = ['zip', 'cbz'];
+  const zipTypes = ['zip', 'cbz', 'ZIP', 'CBZ'];
   const volumes: Record<string, Volume> = {};
   const mangas: string[] = [];