From 603afd209f1ef0ad023c11dae63c6aabf48425a1 Mon Sep 17 00:00:00 2001
From: Taron <taron.aleksanyan.20@gmail.com>
Date: Mon, 6 Jan 2025 01:11:51 +0400
Subject: [PATCH] fix settings screen

---
 packages/app/modules/user/screens/SettingsScreen.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/app/modules/user/screens/SettingsScreen.tsx b/packages/app/modules/user/screens/SettingsScreen.tsx
index d368fce7b..7e879e358 100644
--- a/packages/app/modules/user/screens/SettingsScreen.tsx
+++ b/packages/app/modules/user/screens/SettingsScreen.tsx
@@ -27,6 +27,7 @@ import {
 import { Platform, View } from 'react-native';
 import { useNavigate } from 'app/hooks/navigation';
 import { SettingsForm } from 'app/components/settings';
+import Layout from 'app/components/layout/Layout';
 
 const weatherOptions = ['celsius', 'fahrenheit'].map((key) => ({
   label: key,
@@ -46,21 +47,18 @@ export function SettingsScreen() {
   const navigate = useNavigate();
 
   return user ? (
-    <RScrollView style={{ backgroundColor: isDark ? '#1A1A1D' : 'white' }}>
+    <Layout customStyle={{ backgroundColor: isDark ? '#1A1A1D' : '#f6f6f6' }}>
       <RStack
         // gap={8}
         width="fit-content"
         maw="100%"
         style={{
-          paddingTop: 10,
-          paddingBottom: 100,
           paddingLeft: 20,
           paddingRight: 20,
         }}
         marginHorizontal="auto"
         marginVertical="auto"
       >
-        
         {/* <RStack
           style={{
             display: 'flex',
@@ -87,7 +85,7 @@ export function SettingsScreen() {
           />
           <RH2>Profile</RH2>
         </RStack> */}
-        <SettingsForm/>
+        <SettingsForm />
         {/* <Form
           validationSchema={userSettingsSchema}
           defaultValues={{ ...user, profileImage: user.profileImage || '' }}
@@ -218,6 +216,6 @@ export function SettingsScreen() {
           </RStack>
         </Form> */}
       </RStack>
-    </RScrollView>
+    </Layout>
   ) : null;
 }