From b69f9902ae37cb74bc9e48f8ec1d61272a04eae1 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 20 Feb 2024 12:34:10 +0200
Subject: [PATCH] feat(migrate-panel): add state and handler for warning

---
 .../RightManageSettings/Panels/MigratePanel.tsx  | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
index e83e1798..50410215 100644
--- a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
@@ -1,11 +1,14 @@
 import { Button, InformationBox, Text } from '@status-im/components'
 import { CloseCircleIcon } from '@status-im/icons'
 import { YStack } from 'tamagui'
+import { useState } from 'react'
 
 import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard'
 import PanelWrapper from './PanelWrapper'
 
 const MigratePanel = () => {
+  const [isVisibleWarning, setIsVisibleWarning] = useState(true)
+
   const migrateValidatorHandler = () => {}
 
   return (
@@ -31,11 +34,14 @@ const MigratePanel = () => {
         </Text>
       </YStack>
       <KeystoreBackupsCard />
-      <InformationBox
-        message="Please make sure to enforce the file on another node to continue validating with your Validator."
-        variant="error"
-        icon={<CloseCircleIcon size={20} />}
-      />
+      {isVisibleWarning && (
+        <InformationBox
+          message="Please make sure to enforce the file on another node to continue validating with your Validator."
+          variant="error"
+          icon={<CloseCircleIcon size={20} />}
+          onClosePress={() => setIsVisibleWarning(false)}
+        />
+      )}
       <Button onPress={migrateValidatorHandler}>Migrate Validator</Button>
     </PanelWrapper>
   )