From dbc55233cba72eada244586be1ec12aecbc50a63 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 11 Dec 2023 13:02:29 +0100
Subject: [PATCH] fix: add new destination

---
 app/Livewire/Project/New/Select.php                   | 3 ---
 resources/views/livewire/destination/show.blade.php   | 6 +++---
 resources/views/livewire/project/new/select.blade.php | 9 +++++++++
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/Livewire/Project/New/Select.php b/app/Livewire/Project/New/Select.php
index ed55553df..856a9b9a9 100644
--- a/app/Livewire/Project/New/Select.php
+++ b/app/Livewire/Project/New/Select.php
@@ -109,9 +109,6 @@ class Select extends Component
         if (count($this->servers) === 1) {
             $server = $this->servers->first();
             $this->setServer($server);
-            if (count($server->destinations()) === 1) {
-                $this->setDestination($server->destinations()->first()->uuid);
-            }
         }
         if (!is_null($this->server)) {
             $foundServer = $this->servers->where('id', $this->server)->first();
diff --git a/resources/views/livewire/destination/show.blade.php b/resources/views/livewire/destination/show.blade.php
index a1766ec76..5bc0b595a 100644
--- a/resources/views/livewire/destination/show.blade.php
+++ b/resources/views/livewire/destination/show.blade.php
@@ -2,7 +2,7 @@
     @if ($server->isFunctional())
         <div class="flex items-end gap-2">
             <h2>Destinations</h2>
-            <a href="{{ route('destination.new', ['server_id' => $server->id]) }}">
+            <a wire:navigate href="{{ route('destination.new', ['server_id' => $server->id]) }}">
                 <x-forms.button>Add a new destination</x-forms.button>
             </a>
             <x-forms.button wire:click='scan'>Scan destinations on the server</x-forms.button>
@@ -11,7 +11,7 @@
         <div class="flex gap-2 ">
             Available for using:
             @forelse ($server->standaloneDockers as $docker)
-                <a href="{{ route('destination.show', ['destination_uuid' => data_get($docker, 'uuid')]) }}">
+                <a wire:navigate href="{{ route('destination.show', ['destination_uuid' => data_get($docker, 'uuid')]) }}">
                     <button class="text-white btn-link">{{ data_get($docker, 'network') }} </button>
                 </a>
             @empty
@@ -25,7 +25,7 @@
             <div class="flex flex-wrap gap-2 ">
                 @foreach ($networks as $network)
                     <div>
-                        <a
+                        <a wire:navigate
                             href="{{ route('destination.new', ['server_id' => $server->id, 'network_name' => data_get($network, 'Name')]) }}">
                             <x-forms.button>+<x-highlighted text="{{ data_get($network, 'Name') }}" />
                             </x-forms.button>
diff --git a/resources/views/livewire/project/new/select.blade.php b/resources/views/livewire/project/new/select.blade.php
index 6b81debcc..8ab838203 100644
--- a/resources/views/livewire/project/new/select.blade.php
+++ b/resources/views/livewire/project/new/select.blade.php
@@ -230,7 +230,16 @@
                 <li class="step step-secondary">Select a Server</li>
                 <li class="step step-secondary">Select a Destination</li>
             </ul>
+            <a wire:navigate href="{{ route('destination.new', ['server_id' => $server_id]) }}"
+                class="items-center justify-center pb-10 text-center box-without-bg group bg-coollabs hover:bg-coollabs-100">
+                <div class="flex flex-col mx-6 ">
+                    <div class="font-bold text-white">
+                        + Add New
+                    </div>
+                </div>
+            </a>
             <div class="flex flex-col justify-center gap-2 text-left xl:flex-row xl:flex-wrap">
+
                 @foreach ($standaloneDockers as $standaloneDocker)
                     <div class="box group" wire:click="setDestination('{{ $standaloneDocker->uuid }}')">
                         <div class="flex flex-col mx-6">