From 3c4435701dc76006dcaed81f19e6d8cbc5e18de1 Mon Sep 17 00:00:00 2001
From: Saeed Vaziry <61919774+saeedvaziry@users.noreply.github.com>
Date: Wed, 1 May 2024 09:34:01 +0200
Subject: [PATCH] fix deployment button ux (#186)

---
 resources/views/application/deploy.blade.php | 29 ++++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/resources/views/application/deploy.blade.php b/resources/views/application/deploy.blade.php
index 7534029..bf12297 100644
--- a/resources/views/application/deploy.blade.php
+++ b/resources/views/application/deploy.blade.php
@@ -1,15 +1,26 @@
 <div>
-    @if ($site->deploymentScript)
-        <form
-            id="deploy"
+    @php
+        $hasDeploymentScript = (bool) $site->deploymentScript;
+    @endphp
+
+    <form
+        id="deploy"
+        @if ($hasDeploymentScript)
             hx-post="{{ route("servers.sites.application.deploy", ["server" => $server, "site" => $site]) }}"
             hx-swap="outerHTML"
             hx-select="#deploy"
+        @else
+            data-tooltip="Click the Manage button to add a deployment script first"
+        @endif
+    >
+        <x-primary-button
+            class="flex items-center justify-between"
+            :active="true"
+            hx-disable
+            :disabled="(bool) !$hasDeploymentScript"
         >
-            <x-primary-button class="flex items-center justify-between" :active="true" hx-disable>
-                {{ __("Deploy") }}
-                <x-heroicon name="o-play-circle" class="ml-1 h-5 w-5" />
-            </x-primary-button>
-        </form>
-    @endif
+            {{ __("Deploy") }}
+            <x-heroicon name="o-play-circle" class="ml-1 h-5 w-5" />
+        </x-primary-button>
+    </form>
 </div>