From 1150633fefcc4e3293f46c28922c209e160c8bc5 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Fri, 23 Feb 2024 10:14:13 +0100
Subject: [PATCH] fix: unknown image of service until it is uploaded

---
 .../livewire/project/new/select.blade.php     | 49 ++++++++++---------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/resources/views/livewire/project/new/select.blade.php b/resources/views/livewire/project/new/select.blade.php
index 0f63e2605..97bcd179f 100644
--- a/resources/views/livewire/project/new/select.blade.php
+++ b/resources/views/livewire/project/new/select.blade.php
@@ -176,28 +176,29 @@ class="w-full text-white rounded input input-sm bg-coolgray-200 disabled:bg-cool
                 @else
                     @forelse ($services as $serviceName => $service)
                         @if (data_get($service, 'minversion') && version_compare(config('version'), data_get($service, 'minversion'), '<'))
-                        <x-resource-view wire="setType('one-click-service-{{ $serviceName }}')">
-                            <x-slot:title> {{ Str::headline($serviceName) }}</x-slot>
-                            <x-slot:description>
-                                @if (data_get($service, 'slogan'))
-                                    {{ data_get($service, 'slogan') }}
-                                @endif
+                            <x-resource-view wire="setType('one-click-service-{{ $serviceName }}')">
+                                <x-slot:title> {{ Str::headline($serviceName) }}</x-slot>
+                                <x-slot:description>
+                                    @if (data_get($service, 'slogan'))
+                                        {{ data_get($service, 'slogan') }}
+                                    @endif
 
-                            </x-slot>
-                            <x-slot:logo>
-                                @if (data_get($service, 'logo'))
-                                    <img class="w-[4.5rem]
+                                </x-slot>
+                                <x-slot:logo>
+                                    @if (data_get($service, 'logo'))
+                                        <img class="w-[4.5rem]
                                     aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100"
-                                        src="{{ asset(data_get($service, 'logo')) }}">
-                                @endif
-                            </x-slot:logo>
-                            <x-slot:documentation>
-                                {{ data_get($service, 'documentation') }}
-                            </x-slot>
-                            <x-slot:upgrade>
-                                You need to upgrade Coolify to {{ data_get($service, 'minversion') }} to use this service.
-                            </x-slot>
-                        </x-resource-view>
+                                            src="{{ asset(data_get($service, 'logo')) }}">
+                                    @endif
+                                </x-slot:logo>
+                                <x-slot:documentation>
+                                    {{ data_get($service, 'documentation') }}
+                                </x-slot>
+                                <x-slot:upgrade>
+                                    You need to upgrade Coolify to {{ data_get($service, 'minversion') }} to use this
+                                    service.
+                                </x-slot>
+                            </x-resource-view>
                             {{-- <button class="text-left cursor-not-allowed bg-coolgray-100 box-without-bg" disabled>
                                 <div class="flex flex-col mx-6">
                                     <div class="font-bold">
@@ -215,10 +216,14 @@ class="w-full text-white rounded input input-sm bg-coolgray-200 disabled:bg-cool
                                     @endif
                                 </x-slot>
                                 <x-slot:logo>
-                                    @if (data_get($service, 'logo'))
+                                    @if (file_exists(public_path(data_get($service, 'logo'))))
                                         <img class="w-[4.5rem]
-                                        aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100"
+                                    aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100"
                                             src="{{ asset(data_get($service, 'logo')) }}">
+                                    @else
+                                        <img class="w-[4.5rem]
+                                    aspect-square h-[4.5rem] p-2 transition-all duration-200 opacity-30 grayscale group-hover:grayscale-0 group-hover:opacity-100"
+                                            src="{{ asset('svgs/unknown.svg') }}">
                                     @endif
                                 </x-slot:logo>
                                 <x-slot:documentation>