[Admin ONG] Fix issues with organization logo (#257)

* fix delete organisation logo * fix update organisation logo
code4romania · Aug 10, 2023 · da8b48f · da8b48f
1 parent 720cb03
commit da8b48f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/app/Http/Controllers/OrganizationController.php b/app/Http/Controllers/OrganizationController.php
@@ -136,7 +136,7 @@ public function destroy(Organization $organization)
     public function removeCoverImage(Request $request)
     {
         $organization = auth()->user()->organization;
-        $organization->clearMediaCollection('organizationFiles');
+        $organization->clearMediaCollection('organizationFilesLogo');
 
         return redirect()->back();
     }

diff --git a/resources/js/Components/form/FileInput.vue b/resources/js/Components/form/FileInput.vue
@@ -33,8 +33,13 @@
 
     /** Image preview. */
     const preview = ref('');
-    const isUrl = (url) => url.match(/\.(jpeg|jpg|gif|png)$/) != null;
+    const isUrl = (form) => {
+        if (typeof form === 'string') {
+            return form.match(/\.(jpeg|jpg|gif|png)$/) != null
+        }
 
+        return false
+    };
 
     /** Component emits. */
     const emit = defineEmits(['upload']);

diff --git a/resources/js/Pages/AdminOng/Ong/EditOng.vue b/resources/js/Pages/AdminOng/Ong/EditOng.vue
@@ -74,7 +74,7 @@
                         <div class="grid grid-cols-12 px-4 py-6 bg-gray-100">
                             <dt class="col-span-12 text-base font-medium leading-6 text-gray-700 md:col-span-5">{{ $t('organization_logo_label') }}</dt>
                             <dt class="flex items-center col-span-12 gap-6 text-base font-medium leading-6 text-gray-700 md:col-span-6">
-                                <img class="flex-shrink-0 w-32 h-32" :src="form.cover_image" alt="" />
+                                <img class="flex-shrink-0 w-32 h-32" :src="logo" alt="" />
                                 <div>
                                     <EditModal
                                         @action="editField"
@@ -440,16 +440,13 @@
     /** Initialize inertia from Object. */
     const form = useForm({ ...props.organization });
     const clonedOrganization = ({...props.organization});
+    const logo = ref(form.cover_image);
 
     const editField = () => {
-
-        console.log(form);
         form.post(route('admin.ong.update', form.id), {
             preserveScroll: true,
             onSuccess: (response) => {
-                // console.log(response);
-
-                // form.cover_image = response.organization.cover_image;
+                logo.value = response.props.organization.cover_image
             },
             onError: () => {},
         });