From 9c4c7cc488b7ca23f04354b12946989b00c0c9b2 Mon Sep 17 00:00:00 2001
From: Petyo Ivanov <underlog@gmail.com>
Date: Fri, 12 Apr 2024 08:42:32 +0300
Subject: [PATCH] fix: image dialog should accept only images

Fixes #413
---
 package.json                      | 2 +-
 src/plugins/image/ImageDialog.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 5b0fd7c2..5a106e8f 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "lint": "eslint src --ext .ts,.tsx",
     "test": "vitest",
     "semantic-release": "semantic-release",
-    "image-upload-backend": "node ./src/stories/file-backend.js"
+    "image-upload-backend": "node ./src/examples/file-backend.js"
   },
   "files": [
     "dist"
diff --git a/src/plugins/image/ImageDialog.tsx b/src/plugins/image/ImageDialog.tsx
index 00c46370..f3fd2ec1 100644
--- a/src/plugins/image/ImageDialog.tsx
+++ b/src/plugins/image/ImageDialog.tsx
@@ -59,7 +59,7 @@ export const ImageDialog: React.FC = () => {
           >
             <div className={styles.formField}>
               <label htmlFor="file">{t('uploadImage.uploadInstructions', 'Upload an image from your device:')}</label>
-              <input type="file" {...register('file')} />
+              <input type="file" accept="image/*" {...register('file')} />
             </div>
 
             <div className={styles.formField}>