From c05b938ab69f4cbe6a801b019519c3948473f0b7 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 20 Feb 2024 12:23:07 +0200
Subject: [PATCH] feat(panels): use new panel wrapper

---
 .../RightManageSettings/Panels/DepositPanel.tsx           | 8 ++++++--
 .../RightManageSettings/Panels/MigratePanel.tsx           | 5 +++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositPanel.tsx b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositPanel.tsx
index 92803426..d55a13ad 100644
--- a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositPanel.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/DepositPanel.tsx
@@ -1,7 +1,11 @@
-import { YStack } from 'tamagui'
+import PanelWrapper from './PanelWrapper'
 
 const DepositPanel = () => {
-  return <YStack></YStack>
+  return (
+    <PanelWrapper>
+      <div>Deposit Funds</div>
+    </PanelWrapper>
+  )
 }
 
 export default DepositPanel
diff --git a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
index 0a47af4a..e83e1798 100644
--- a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
@@ -3,12 +3,13 @@ import { CloseCircleIcon } from '@status-im/icons'
 import { YStack } from 'tamagui'
 
 import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard'
+import PanelWrapper from './PanelWrapper'
 
 const MigratePanel = () => {
   const migrateValidatorHandler = () => {}
 
   return (
-    <YStack space={'$2'} style={{ padding: '30px', alignItems: 'start' }}>
+    <PanelWrapper>
       <Text size={19} weight={'semibold'}>
         Migrate Validator
       </Text>
@@ -36,7 +37,7 @@ const MigratePanel = () => {
         icon={<CloseCircleIcon size={20} />}
       />
       <Button onPress={migrateValidatorHandler}>Migrate Validator</Button>
-    </YStack>
+    </PanelWrapper>
   )
 }