From 99eaedf5cfcab55d623adc98a1cb3164df850e49 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 12 Nov 2024 13:12:05 +0100
Subject: [PATCH] ui: improve s3 add view

---
 resources/views/livewire/storage/create.blade.php | 7 +++++--
 resources/views/livewire/storage/index.blade.php  | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/storage/create.blade.php b/resources/views/livewire/storage/create.blade.php
index 41d09e679..75168a12f 100644
--- a/resources/views/livewire/storage/create.blade.php
+++ b/resources/views/livewire/storage/create.blade.php
@@ -1,4 +1,6 @@
 <div class="w-full">
+    <div class="mb-4">For more details, please visit the <a class="underline dark:text-warning"
+            href="https://coolify.io/docs/knowledge-base/s3" target="_blank">Coolify Docs</a>.</div>
     <form class="flex flex-col gap-2" wire:submit='submit'>
         <div class="flex gap-2">
             <x-forms.input required label="Name" id="name" />
@@ -7,14 +9,15 @@
         <x-forms.input required type="url" label="Endpoint" wire:model.blur="endpoint" />
         <div class="flex gap-2">
             <x-forms.input required label="Bucket" id="bucket" />
-            <x-forms.input required label="Region" id="region" />
+            <x-forms.input required helper="Region only required for AWS. Leave it as-is for other providers."
+                label="Region" id="region" />
         </div>
         <div class="flex gap-2">
             <x-forms.input required type="password" label="Access Key" id="key" />
             <x-forms.input required type="password" label="Secret Key" id="secret" />
         </div>
 
-        <x-forms.button type="submit">
+        <x-forms.button class="mt-4" type="submit">
             Validate Connection & Continue
         </x-forms.button>
     </form>
diff --git a/resources/views/livewire/storage/index.blade.php b/resources/views/livewire/storage/index.blade.php
index 605653504..394f6b9d5 100644
--- a/resources/views/livewire/storage/index.blade.php
+++ b/resources/views/livewire/storage/index.blade.php
@@ -21,7 +21,7 @@
                     </div>
                     @if (!$storage->is_usable)
                         <div class="text-red-500">Not Usable</div>
-                @endif
+                    @endif
                 </div>
             </div>
         @empty