From c8d94a8135eaa1b8f2a51da8460bcb15543d62a5 Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Mon, 30 Sep 2024 04:07:34 -0300
Subject: [PATCH] Disabled invalid files and camera (that didn't work anyways)
 from mobile

---
 packages/nextjs/app/create/_components/ImageUploader.tsx   | 7 ++++++-
 .../app/profile/_components/ProfilePictureUpload.tsx       | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/nextjs/app/create/_components/ImageUploader.tsx b/packages/nextjs/app/create/_components/ImageUploader.tsx
index a3958d3..e1dc47b 100644
--- a/packages/nextjs/app/create/_components/ImageUploader.tsx
+++ b/packages/nextjs/app/create/_components/ImageUploader.tsx
@@ -81,7 +81,12 @@ export const ImageUploader: React.FC<ImageUploaderProps> = ({ image, setUploaded
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
     >
-      <input type="file" onChange={handleFileInputChange} className="hidden" />
+      <input
+        type="file"
+        accept="image/*" // This will disable non-image files and camera on mobile
+        onChange={handleFileInputChange}
+        className="hidden"
+      />
       {previewImage ? (
         <div className="relative w-full h-full flex items-center justify-center">
           <Image
diff --git a/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx b/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
index 9b0a62d..99ef22c 100644
--- a/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
+++ b/packages/nextjs/app/profile/_components/ProfilePictureUpload.tsx
@@ -93,7 +93,12 @@ const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
     >
-      <input type="file" onChange={handleFileInputChange} className="hidden" />
+      <input
+        type="file"
+        accept="image/*" // This will disable non-image files and camera on mobile
+        onChange={handleFileInputChange}
+        className="hidden"
+      />
       {isEditing ? (
         <div className="absolute inset-0 flex flex-col items-center justify-center text-center">
           {previewImage ? (