From 78c3f1be19358062981f181dcac6fdcb251fb250 Mon Sep 17 00:00:00 2001
From: Stefan Hardegger <dev@hardegger.io>
Date: Tue, 21 Jul 2026 08:29:35 +0200
Subject: [PATCH] webp image support

---
 frontend/src/app/add-story/AddStoryContent.tsx         | 2 +-
 frontend/src/app/authors/[id]/edit/page.tsx            | 2 +-
 frontend/src/app/stories/[id]/edit/page.tsx            | 2 +-
 frontend/src/components/collections/CollectionForm.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/add-story/AddStoryContent.tsx b/frontend/src/app/add-story/AddStoryContent.tsx
index 4e6d8d9..1ecf351 100644
--- a/frontend/src/app/add-story/AddStoryContent.tsx
+++ b/frontend/src/app/add-story/AddStoryContent.tsx
@@ -439,7 +439,7 @@ export default function AddStoryContent() {
           </label>
           <ImageUpload
             onImageSelect={setCoverImage}
-            accept="image/jpeg,image/png"
+            accept="image/jpeg,image/png,image/webp"
             maxSizeMB={5}
             aspectRatio="3:4"
             placeholder="Drop a cover image here or click to select"
diff --git a/frontend/src/app/authors/[id]/edit/page.tsx b/frontend/src/app/authors/[id]/edit/page.tsx
index f73be55..313bffe 100644
--- a/frontend/src/app/authors/[id]/edit/page.tsx
+++ b/frontend/src/app/authors/[id]/edit/page.tsx
@@ -269,7 +269,7 @@ export default function EditAuthorPage() {
                 </label>
                 <ImageUpload
                   onImageSelect={setAvatarImage}
-                  accept="image/jpeg,image/png"
+                  accept="image/jpeg,image/png,image/webp"
                   maxSizeMB={5}
                   aspectRatio="1:1"
                   placeholder="Drop an avatar image here or click to select"
diff --git a/frontend/src/app/stories/[id]/edit/page.tsx b/frontend/src/app/stories/[id]/edit/page.tsx
index 00d3243..5adb2cf 100644
--- a/frontend/src/app/stories/[id]/edit/page.tsx
+++ b/frontend/src/app/stories/[id]/edit/page.tsx
@@ -374,7 +374,7 @@ export default function EditStoryPage() {
             </label>
             <ImageUpload
               onImageSelect={setCoverImage}
-              accept="image/jpeg,image/png"
+              accept="image/jpeg,image/png,image/webp"
               maxSizeMB={5}
               aspectRatio="3:4"
               placeholder="Drop a new cover image here or click to select"
diff --git a/frontend/src/components/collections/CollectionForm.tsx b/frontend/src/components/collections/CollectionForm.tsx
index 0dc70a6..f8ff65d 100644
--- a/frontend/src/components/collections/CollectionForm.tsx
+++ b/frontend/src/components/collections/CollectionForm.tsx
@@ -209,7 +209,7 @@ export default function CollectionForm({
                 <input
                   id="coverImage"
                   type="file"
-                  accept="image/jpeg,image/png"
+                  accept="image/jpeg,image/png,image/webp"
                   onChange={handleCoverImageChange}
                   className="w-full px-3 py-2 border theme-border rounded-lg theme-card theme-text focus:outline-none focus:ring-2 focus:ring-theme-accent"
                 />