From b5d50d4ae49ad6d11ce88493ae98945afa13581c Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 25 Sep 2025 10:38:01 +0200
Subject: [PATCH] refactor(upgrade): replace warning div with a callout
 component for better UI consistency

---
 resources/views/livewire/upgrade.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/livewire/upgrade.blade.php b/resources/views/livewire/upgrade.blade.php
index 3c5f31b7b..aa3e289b7 100644
--- a/resources/views/livewire/upgrade.blade.php
+++ b/resources/views/livewire/upgrade.blade.php
@@ -54,12 +54,12 @@ class="absolute top-0 right-0 flex items-center justify-center w-8 h-8 mt-5 mr-5
                             <p>Are you sure you would like to upgrade your instance to {{ $latestVersion }}?</p>
                             <br />
 
-                            <div
-                                class="p-4 mb-4 text-yellow-800 border border-yellow-300 rounded-lg bg-yellow-50 dark:bg-yellow-900/30 dark:text-yellow-300 dark:border-yellow-800">
-                                <p class="font-medium">Warning: Any deployments running during the update process will
+                            <x-callout type="warning" title="Caution">
+                                <p>Any deployments running during the update process will
                                     fail. Please ensure no deployments are in progress on any server before continuing.
                                 </p>
-                            </div>
+                            </x-callout>
+                            <br />
                             <p>You can review the changelogs <a class="font-bold underline dark:text-white"
                                     href="https://github.com/coollabsio/coolify/releases" target="_blank">here</a>.</p>
                             <br />