.idea/workspace.xml

@@ -3,7 +3,7 @@
   <component name="ChangeListManager">
     <list default="true" id="89f9fc3a-63ad-41cb-8d25-f07df352eb98" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/zip-processing.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/zip-processing.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/+page.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -49,7 +49,7 @@
       <option name="presentableId" value="Default" />
       <updated>1781169139290</updated>
       <workItem from="1781169141138" duration="309000" />
-      <workItem from="1781251694220" duration="12340000" />
+      <workItem from="1781251694220" duration="14041000" />
     </task>
     <task id="LOCAL-00001" summary="adapts styling of rvg.legal">
       <option name="closed" value="true" />
@@ -115,7 +115,15 @@
       <option name="project" value="LOCAL" />
       <updated>1781264183729</updated>
     </task>
-    <option name="localTasksCounter" value="9" />
+    <task id="LOCAL-00009" summary="handles zips in zip correctly">
+      <option name="closed" value="true" />
+      <created>1781264568851</created>
+      <option name="number" value="00009" />
+      <option name="presentableId" value="LOCAL-00009" />
+      <option name="project" value="LOCAL" />
+      <updated>1781264568851</updated>
+    </task>
+    <option name="localTasksCounter" value="10" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -133,7 +141,8 @@
     <MESSAGE value="design anpassungen" />
     <MESSAGE value="renders thumbnails" />
     <MESSAGE value="ignores mac special folders" />
-    <option name="LAST_COMMIT_MESSAGE" value="ignores mac special folders" />
+    <MESSAGE value="handles zips in zip correctly" />
+    <option name="LAST_COMMIT_MESSAGE" value="handles zips in zip correctly" />
   </component>
   <component name="XDebuggerManager">
     <breakpoint-manager>

src/routes/+page.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { onMount } from "svelte";
+    import {onMount} from "svelte";
     import Card from "$lib/components/Card.svelte";
     import ProcessedZipArchiveEditor from "$lib/components/ProcessedZipArchiveEditor.svelte";
     import ZipDropzone from "$lib/components/ZipDropzone.svelte";
-    import { extractZipArchives, type ProcessedZipArchive } from "$lib/zip-processing";
+    import {extractZipArchives, type ProcessedZipArchive} from "$lib/zip-processing";
 
     const THUMBNAIL_WIDTH_STORAGE_KEY = "thumbnailWidth";
 
@@ -67,21 +67,15 @@
 
 {#snippet content()}
     {#if selectedZipFiles.length === 0}
-        <ZipDropzone onFilesSelected={handleFilesSelected} />
+        <ZipDropzone onFilesSelected={handleFilesSelected}/>
     {:else}
         <div class="flex min-h-[calc(-180px+100vh)] w-full grow flex-col justify-center gap-4 px-4 py-6">
-            <div class="flex flex-row items-baseline justify-center gap-2">
-                <h2 class="h1 text-[20px] font-bold text-primary-900">ZIP-Dateien werden verarbeitet</h2>
-            </div>
-
             <div class="mx-auto flex w-full flex-col gap-3">
-                <div class="rounded-container bg-primary-50 px-4 py-3 text-[14px] font-medium text-primary-900">
                 {#if pendingZipCount > 0}
+                    <div class="rounded-container bg-primary-50 px-4 py-3 text-[14px] font-medium text-primary-900">
                         Noch {pendingZipCount} ZIP-Datei{pendingZipCount === 1 ? "" : "en"} in Bearbeitung.
-                    {:else}
-                        Alle ZIP-Dateien wurden verarbeitet.
-                    {/if}
                     </div>
+                {/if}
 
                 {#if processedZipFiles.length > 0}
                     <div class="flex flex-col gap-4">
@@ -104,7 +98,8 @@
         <h1 class="h1 text-[20px] font-bold text-primary-900">beA-Edit</h1>
 
         <details class="relative">
-            <summary class="flex cursor-pointer list-none items-center rounded-md border border-primary-200 bg-white px-3 py-2 text-sm font-semibold text-primary-800 shadow-sm transition hover:border-primary-300 hover:bg-primary-50">
+            <summary
+                    class="flex cursor-pointer list-none items-center rounded-md border border-primary-200 bg-white px-3 py-2 text-sm font-semibold text-primary-800 shadow-sm transition hover:border-primary-300 hover:bg-primary-50">
                 <span class="sr-only">Settings</span>
                 <span>⚙️</span>
             </summary>