refactor create scheduled backup livewire

app/Livewire/Project/Database/CreateScheduledBackup.php

@@ -4,44 +4,45 @@ namespace App\Livewire\Project\Database;
 
 use App\Models\ScheduledDatabaseBackup;
 use Illuminate\Support\Collection;
+use Livewire\Attributes\Locked;
+use Livewire\Attributes\Rule;
 use Livewire\Component;
 
 class CreateScheduledBackup extends Component
 {
-    public $database;
-
+    #[Rule(['required', 'string'])]
     public $frequency;
 
+    #[Rule(['required', 'boolean'])]
+    public bool $saveToS3 = false;
+
+    #[Locked]
+    public $database;
+
     public bool $enabled = true;
 
-    public bool $save_s3 = false;
+    #[Rule(['required', 'integer'])]
+    public int $s3StorageId;
 
-    public $s3_storage_id;
-
-    public Collection $s3s;
-
-    protected $rules = [
-        'frequency' => 'required|string',
-        'save_s3' => 'required|boolean',
-    ];
-
-    protected $validationAttributes = [
-        'frequency' => 'Backup Frequency',
-        'save_s3' => 'Save to S3',
-    ];
+    public Collection $definedS3s;
 
     public function mount()
     {
-        $this->s3s = currentTeam()->s3s;
-        if ($this->s3s->count() > 0) {
-            $this->s3_storage_id = $this->s3s->first()->id;
+        try {
+            $this->definedS3s = currentTeam()->s3s;
+            if ($this->definedS3s->count() > 0) {
+                $this->s3StorageId = $this->definedS3s->first()->id;
+            }
+        } catch (\Throwable $e) {
+            return handleError($e, $this);
         }
     }
 
-    public function submit(): void
+    public function submit()
     {
         try {
             $this->validate();
+
             $isValid = validate_cron_expression($this->frequency);
             if (! $isValid) {
                 $this->dispatch('error', 'Invalid Cron / Human expression.');
@@ -51,8 +52,8 @@ class CreateScheduledBackup extends Component
             $payload = [
                 'enabled' => true,
                 'frequency' => $this->frequency,
-                'save_s3' => $this->save_s3,
-                's3_storage_id' => $this->s3_storage_id,
+                'save_s3' => $this->saveToS3,
+                's3_storage_id' => $this->s3StorageId,
                 'database_id' => $this->database->id,
                 'database_type' => $this->database->getMorphClass(),
                 'team_id' => currentTeam()->id,
@@ -72,10 +73,10 @@ class CreateScheduledBackup extends Component
                 $this->dispatch('refreshScheduledBackups');
             }
         } catch (\Throwable $e) {
-            handleError($e, $this);
+            return handleError($e, $this);
         } finally {
             $this->frequency = '';
-            $this->save_s3 = true;
+            $this->saveToS3 = true;
         }
     }
 }

resources/views/livewire/project/database/create-scheduled-backup.blade.php

@@ -2,13 +2,13 @@
     <x-forms.input placeholder="0 0 * * * or daily" id="frequency"
         helper="You can use every_minute, hourly, daily, weekly, monthly, yearly or a cron expression." label="Frequency"
         required />
-    @if ($s3s->count() === 0)
+    @if ($definedS3s->count() === 0)
         <div class="text-red-500">No validated S3 Storages found.</div>
     @else
-        <x-forms.checkbox wire:model.live="save_s3" label="Save to S3" />
-        @if ($save_s3)
-            <x-forms.select id="selected_storage_id" label="Select a validated S3 storage">
-                @foreach ($s3s as $s3)
+        <x-forms.checkbox wire:model.live="saveToS3" label="Save to S3" />
+        @if ($saveToS3)
+            <x-forms.select id="s3StorageId" label="Select a S3 Storage">
+                @foreach ($definedS3s as $s3)
                     <option value="{{ $s3->id }}">{{ $s3->name }}</option>
                 @endforeach
             </x-forms.select>

resources/views/livewire/project/service/index.blade.php

@@ -38,7 +38,7 @@
                         <div class="flex gap-2 ">
                             <h2 class="pb-4">Scheduled Backups</h2>
                             <x-modal-input buttonTitle="+ Add" title="New Scheduled Backup">
-                                <livewire:project.database.create-scheduled-backup :database="$serviceDatabase" :s3s="$s3s" />
+                                <livewire:project.database.create-scheduled-backup :database="$serviceDatabase" />
                             </x-modal-input>
                         </div>
                         <livewire:project.database.scheduled-backups :database="$serviceDatabase" />