navigation

src_generic/components/fields/ImageUploadField.tsx

@@ -7,6 +7,7 @@ interface ImageUploadFieldProps {
   onUpload: (file: File) => void;
   size?: number;
   baseUrl: string;
+  disabled?: boolean;
 }
 
 export default function ImageUploadField({
@@ -16,6 +17,7 @@ export default function ImageUploadField({
   onUpload,
   size = 64,
   baseUrl,
+  disabled = false,
 }: ImageUploadFieldProps) {
 
   const imgSrc = value
@@ -33,23 +35,25 @@ export default function ImageUploadField({
           sx={{ width: size, height: size, borderRadius: 2 }}
         />
 
-        <Button
-          variant="outlined"
-          component="label"
-          disabled={uploading}
-          startIcon={uploading && <CircularProgress size={16} />}
-        >
-          {uploading ? "Uploading..." : "Choose File"}
-          <input
-            type="file"
-            accept="image/*"
-            hidden
-            onChange={(e) => {
-              const file = e.target.files?.[0];
-              if (file) onUpload(file);
-            }}
-          />
-        </Button>
+        {!disabled && (
+          <Button
+            variant="outlined"
+            component="label"
+            disabled={uploading}
+            startIcon={uploading && <CircularProgress size={16} />}
+          >
+            {uploading ? "Uploading..." : "Choose File"}
+            <input
+              type="file"
+              accept="image/*"
+              hidden
+              onChange={(e) => {
+                const file = e.target.files?.[0];
+                if (file) onUpload(file);
+              }}
+            />
+          </Button>
+        )}
       </Box>
     </Box>
   );