Profiles mock

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>

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';

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>

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[] = [];