From 54aa7e249e2e59e5e5bb60a9169a4a1089983efb Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 12 Jul 2023 09:11:04 +1000
Subject: [PATCH] fix allowUploads permission

---
 resources/js/components/dialogs/SMDialogMedia.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/dialogs/SMDialogMedia.vue b/resources/js/components/dialogs/SMDialogMedia.vue
index 311fa67..b0502fe 100644
--- a/resources/js/components/dialogs/SMDialogMedia.vue
+++ b/resources/js/components/dialogs/SMDialogMedia.vue
@@ -25,7 +25,7 @@
                 <SMTab
                     id="tab-upload"
                     label="Upload"
-                    :hide="!props.allowUpload"
+                    :hide="!allowUploads"
                     class="flex flex-1 flex-col flex-items-center flex-justify-center">
                     <h2>Drop files to upload</h2>
                     <p class="text-sm my-2">or</p>
@@ -39,7 +39,7 @@
                         {{ max_upload_size }}
                     </p>
                     <input
-                        v-if="props.allowUpload"
+                        v-if="allowUploads"
                         id="file"
                         ref="refUploadInput"
                         type="file"
@@ -329,6 +329,7 @@ import { bytesReadable } from "../../helpers/types";
 import { SMDate } from "../../helpers/datetime";
 import { isUUID } from "../../helpers/uuid";
 import { useToastStore } from "../../store/ToastStore";
+import { useUserStore } from "../../store/UserStore";
 
 const props = defineProps({
     mime: {
@@ -355,6 +356,10 @@ const refUploadInput = ref<HTMLInputElement | null>(null);
 
 const refMediaList = ref<HTMLUListElement | null>(null);
 
+const userStore = useUserStore();
+
+const allowUploads = ref(props.allowUpload && userStore.id);
+
 /**
  * The selected tab
  */
@@ -871,13 +876,13 @@ const computedSelectDisabled = computed(() => {
 });
 
 const handleDragEnter = () => {
-    if (props.allowUpload && !showFileDrop.value) {
+    if (allowUploads.value && !showFileDrop.value) {
         showFileDrop.value = true;
     }
 };
 
 const handleDragOver = () => {
-    if (props.allowUpload && !showFileDrop.value) {
+    if (allowUploads.value && !showFileDrop.value) {
         showFileDrop.value = true;
     }
 };
@@ -889,7 +894,7 @@ const handleDragLeave = () => {
 };
 
 const handleDrop = (event) => {
-    if (!props.allowUpload) {
+    if (!allowUploads.value) {
         return;
     }