From 36a2d79e8e2d2afcaa2877c18f5efc8d421dd192 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Fri, 11 Apr 2025 18:09:00 +0800
Subject: [PATCH] chore: add warning text to restore dialog (#34920)

* Update BackupsList.tsx

* Add base variant warning

* Update size

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
---
 .../interfaces/Database/Backups/BackupsList.tsx        | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx b/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx
index ac58b65c35b..b84b9d16c33 100644
--- a/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx
+++ b/apps/studio/components/interfaces/Database/Backups/BackupsList.tsx
@@ -5,6 +5,7 @@ import { useRouter } from 'next/router'
 import { useState } from 'react'
 import { toast } from 'sonner'
 
+import { useParams } from 'common'
 import { useProjectContext } from 'components/layouts/ProjectLayout/ProjectContext'
 import Panel from 'components/ui/Panel'
 import UpgradeToPro from 'components/ui/UpgradeToPro'
@@ -16,7 +17,6 @@ import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
 import BackupItem from './BackupItem'
 import BackupsEmpty from './BackupsEmpty'
 import BackupsStorageAlert from './BackupsStorageAlert'
-import { useParams } from 'common'
 
 const BackupsList = () => {
   const router = useRouter()
@@ -94,11 +94,17 @@ const BackupsList = () => {
         )}
       </div>
       <ConfirmationModal
-        size="small"
+        size="medium"
         confirmLabel="Confirm restore"
         confirmLabelLoading="Restoring"
         visible={selectedBackup !== undefined}
         title="Confirm to restore from backup"
+        alert={{
+          base: { variant: 'warning' },
+          title: 'Your project will be offline while the restore is in progress',
+          description:
+            'It is advised to upgrade at a time when there will be minimal impact for your application.',
+        }}
         loading={isRestoring || isSuccessBackup}
         onCancel={() => setSelectedBackup(undefined)}
         onConfirm={() => {