css

resources/views/components/applications/navbar.blade.php

@@ -1,4 +1,4 @@
-<nav class="flex gap-4 py-2">
+<nav class="flex justify-center gap-4 py-2 border-b-2 border-solid border-coolgray-200 ">
     <a
         href="{{ route('project.application.configuration', [
             'project_uuid' => Route::current()->parameters()['project_uuid'],
@@ -16,7 +16,20 @@
         Deployments
     </a>
     <a target="_blank" href="{{ $gitBranchLocation }}">
-        Open on Git ↗️
+        Open on Git <img class="inline-flex w-4 h-4" src="{{ Vite::asset('public/svgs/external-link.svg') }}">
     </a>
-    <livewire:project.application.deploy :applicationId="$applicationId" />
+    @if (data_get($application, 'ports_mappings_array'))
+        @foreach ($application->ports_mappings_array as $port)
+            @if (config('app.env') === 'local')
+                <a target="_blank" href="http://localhost:{{ explode(':', $port)[0] }}">Open
+                    {{ explode(':', $port)[0] }} <img class="inline-flex w-4 h-4"
+                        src="{{ Vite::asset('public/svgs/external-link.svg') }}"></a>
+            @else
+                <a target="_blank"
+                    href="http://{{ $application->destination->server->ip }}:{{ explode(':', $port)[0] }}">Open
+                    {{ $port }}</a>
+            @endif
+        @endforeach
+    @endif
+    <livewire:project.application.deploy :applicationId="$application->id" />
 </nav>