From 1a16b86a01a17f082d31d405fa6089d5baf9aeaa Mon Sep 17 00:00:00 2001
From: ashim-hq <ashim.hq@gmail.com>
Date: Sun, 19 Apr 2026 15:49:37 +0800
Subject: [PATCH] fix: add HEIC/HEIF extensions to file input accept attributes
 across tools

---
 apps/web/src/components/files/file-upload-area.tsx         | 2 +-
 apps/web/src/components/tools/compare-settings.tsx         | 2 +-
 apps/web/src/components/tools/compose-settings.tsx         | 2 +-
 apps/web/src/components/tools/qr-generate-settings.tsx     | 2 +-
 apps/web/src/components/tools/watermark-image-settings.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/files/file-upload-area.tsx b/apps/web/src/components/files/file-upload-area.tsx
index cd6acc1e..2da097aa 100644
--- a/apps/web/src/components/files/file-upload-area.tsx
+++ b/apps/web/src/components/files/file-upload-area.tsx
@@ -57,7 +57,7 @@ export function FileUploadArea() {
         </div>
         <input
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           multiple
           className="hidden"
           onChange={handleInputChange}
diff --git a/apps/web/src/components/tools/compare-settings.tsx b/apps/web/src/components/tools/compare-settings.tsx
index b4286ab1..a501216c 100644
--- a/apps/web/src/components/tools/compare-settings.tsx
+++ b/apps/web/src/components/tools/compare-settings.tsx
@@ -58,7 +58,7 @@ export function CompareSettings() {
           id="compare-second-image"
           ref={secondInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setSecondFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />
diff --git a/apps/web/src/components/tools/compose-settings.tsx b/apps/web/src/components/tools/compose-settings.tsx
index b6454c09..a1381383 100644
--- a/apps/web/src/components/tools/compose-settings.tsx
+++ b/apps/web/src/components/tools/compose-settings.tsx
@@ -65,7 +65,7 @@ export function ComposeSettings() {
           id="compose-overlay-image"
           ref={overlayInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setOverlayFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />
diff --git a/apps/web/src/components/tools/qr-generate-settings.tsx b/apps/web/src/components/tools/qr-generate-settings.tsx
index b2ddd42b..ccffc71d 100644
--- a/apps/web/src/components/tools/qr-generate-settings.tsx
+++ b/apps/web/src/components/tools/qr-generate-settings.tsx
@@ -671,7 +671,7 @@ export function QrGenerateSettings() {
           <input
             ref={logoInputRef}
             type="file"
-            accept="image/*"
+            accept="image/*,.heic,.heif,.hif"
             onChange={handleLogoUpload}
             className="hidden"
           />
diff --git a/apps/web/src/components/tools/watermark-image-settings.tsx b/apps/web/src/components/tools/watermark-image-settings.tsx
index 050eb299..b1db2a7b 100644
--- a/apps/web/src/components/tools/watermark-image-settings.tsx
+++ b/apps/web/src/components/tools/watermark-image-settings.tsx
@@ -110,7 +110,7 @@ export function WatermarkImageSettings() {
         <input
           ref={watermarkInputRef}
           type="file"
-          accept="image/*"
+          accept="image/*,.heic,.heif,.hif"
           onChange={(e) => setWatermarkFile(e.target.files?.[0] ?? null)}
           className="hidden"
         />