Add service_type field to Create.php and EditCompose.php

app/Livewire/Project/Resource/Create.php

@@ -64,6 +64,7 @@ public function mount()
                     'name' => "$oneClickServiceName-" . str()->random(10),
                     'docker_compose_raw' => base64_decode($oneClickService),
                     'environment_id' => $environment->id,
+                    'service_type' => $oneClickServiceName,
                     'server_id' => (int) $server_id,
                     'destination_id' => $destination->id,
                     'destination_type' => $destination->getMorphClass(),

app/Livewire/Project/Service/EditCompose.php

@@ -13,11 +13,13 @@ class EditCompose extends Component
         'service.docker_compose_raw' => 'required',
         'service.docker_compose' => 'required',
     ];
-    public function mount() {
+    public function mount()
+    {
         $this->service = Service::find($this->serviceId);
     }
 
-    public function saveEditedCompose() {
+    public function saveEditedCompose()
+    {
         $this->dispatch('info', "Saving new docker compose...");
         $this->dispatch('saveCompose', $this->service->docker_compose_raw);
     }

database/migrations/2024_04_16_083919_add_service_type_on_creation.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('services', function (Blueprint $table) {
+            $table->string('service_type')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('services', function (Blueprint $table) {
+            $table->dropColumn('service_type');
+        });
+    }
+};

resources/views/livewire/project/service/edit-compose.blade.php

@@ -12,16 +12,16 @@
         </x-forms.textarea>
     </div>
     <div class="flex justify-end w-full gap-2 pt-4">
-
         <div class="flex items-end gap-2">
             <div x-cloak x-show="raw">
-                <x-forms.button class="w-64" @click.prevent="raw = !raw">Show Deployable Compose</x-forms.button>
+                <x-forms.button class="w-64"  @click.prevent="raw = !raw">Show Deployable Compose</x-forms.button>
             </div>
             <div x-cloak x-show="raw === false">
-                <x-forms.button class="w-64" @click.prevent="raw = !raw">Show Source
+                <x-forms.button class="w-64"  @click.prevent="raw = !raw">Show Source
                     Compose</x-forms.button>
             </div>
         </div>
+        <div class="flex-1"></div>
         <x-forms.button class="w-64" wire:click.prevent='saveEditedCompose'>
             Save
         </x-forms.button>