From f77b5f755616ea77b896e9169b0a8285255ce5a7 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Thu, 27 Jul 2023 15:50:46 +1000
Subject: [PATCH] fix accepts

---
 resources/js/components/SMSelectImage.vue  | 5 +++--
 resources/js/views/dashboard/MediaEdit.vue | 7 ++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/SMSelectImage.vue b/resources/js/components/SMSelectImage.vue
index 3e6d46c..220b3ba 100644
--- a/resources/js/components/SMSelectImage.vue
+++ b/resources/js/components/SMSelectImage.vue
@@ -93,9 +93,9 @@ const props = defineProps({
         default: false,
         required: false,
     },
-    accept: {
+    accepts: {
         type: String,
-        default: "",
+        default: "image/*",
         required: false,
     },
     options: {
@@ -305,6 +305,7 @@ const handleChange = (event) => {
 const handleMediaSelect = async () => {
     let result = await openDialog(SMDialogMedia, {
         allowUpload: props.allowUpload,
+        accepts: props.accepts,
     });
     if (result) {
         const mediaResult = result as Media;
diff --git a/resources/js/views/dashboard/MediaEdit.vue b/resources/js/views/dashboard/MediaEdit.vue
index 60b376a..567a5dc 100644
--- a/resources/js/views/dashboard/MediaEdit.vue
+++ b/resources/js/views/dashboard/MediaEdit.vue
@@ -18,10 +18,11 @@
                         :src="imageUrl" />
                     <SMImageStack v-else class="mb-8" :src="imageStackUrls" />
                 </div>
-                <SMInputFile
+                <SMSelectImage
                     v-if="!editMultiple"
                     control="file"
-                    type="file"
+                    allow-upload
+                    accepts="*"
                     class="mb-8" />
                 <SMInput control="title" class="mb-8" />
                 <SMInput control="permission" class="mb-8" />
@@ -94,7 +95,7 @@ import { useToastStore } from "../../store/ToastStore";
 import SMImage from "../../components/SMImage.vue";
 import SMImageStack from "../../components/SMImageStack.vue";
 import SMPageStatus from "../../components/SMPageStatus.vue";
-import SMInputFile from "../../components/SMInputFile.vue";
+import SMSelectImage from "../../components/SMSelectImage.vue";
 import { userHasPermission } from "../../helpers/utils";
 
 const route = useRoute();