From 098ccb69a2dc3bd1754357f6b3d73c4ce5fa89b3 Mon Sep 17 00:00:00 2001
From: ClaudeArs <107423901+ClaudeArs@users.noreply.github.com>
Date: Tue, 14 Jan 2025 13:31:36 -0500
Subject: [PATCH] Fix/button in scroll view (#202)

* Ajout des boutton dans le scrollView DefaultNotification

Signed-off-by: ClaudeArs <claudears2474@gmail.com>
---------

Signed-off-by: ClaudeArs <claudears2474@gmail.com>
---
 app/src/screens/DefaultNotification.tsx | 50 ++++++++++++++-----------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/app/src/screens/DefaultNotification.tsx b/app/src/screens/DefaultNotification.tsx
index 7ce6bb2b..f110b627 100644
--- a/app/src/screens/DefaultNotification.tsx
+++ b/app/src/screens/DefaultNotification.tsx
@@ -21,10 +21,11 @@ const DefaultNotification: React.FC<DefaultProps> = ({ navigation }: DefaultProp
   const { t } = useTranslation()
 
   const styles = StyleSheet.create({
+    safeArea: {
+      flex: 1,
+    },
     container: {
-      height: '77%',
-      padding: 20,
-      marginBottom: 20,
+      padding: 16,
       backgroundColor: ColorPallet.brand.primaryBackground,
     },
     textHeaderTitle: {
@@ -37,6 +38,9 @@ const DefaultNotification: React.FC<DefaultProps> = ({ navigation }: DefaultProp
       flexShrink: 1,
       color: TextTheme.bold.color,
     },
+    buttonContainer: {
+      marginBottom: 30,
+    },
     button: {
       margin: 20,
       marginTop: 10,
@@ -65,7 +69,7 @@ const DefaultNotification: React.FC<DefaultProps> = ({ navigation }: DefaultProp
   })
 
   return (
-    <SafeAreaView edges={['left', 'right', 'bottom']}>
+    <SafeAreaView style={styles.safeArea} edges={['left', 'right', 'bottom']}>
       <ScrollView style={styles.container}>
         <View style={styles.section}>
           <HeaderText title={t('DefaultNotificationPage.Title')} />
@@ -79,25 +83,27 @@ const DefaultNotification: React.FC<DefaultProps> = ({ navigation }: DefaultProp
           <Text style={styles.textSectionTitle}>{t('DefaultNotificationPage.ANIGRequest')}</Text>
           <Text style={styles.sectionDescription}> {t('DefaultNotificationPage.ANIGAcceptDescription')}</Text>
         </View>
+        <View style={styles.buttonContainer}>
+          <View style={styles.button}>
+            <Button
+              buttonType={ButtonType.Primary}
+              testID={testIdWithKey('StartProcess')}
+              accessibilityLabel={t('DefaultNotificationPage.ButtonTitle')}
+              title={t('DefaultNotificationPage.ButtonTitle')}
+              onPress={async () => await Linking.openURL(urlGestionDeCompteSag)}
+            ></Button>
+          </View>
+          <View style={styles.button}>
+            <Button
+              buttonType={ButtonType.Secondary}
+              testID={testIdWithKey('StartProcess')}
+              accessibilityLabel={t('Global.GoBack')}
+              title={t('Global.GoBack')}
+              onPress={() => navigation.goBack()}
+            ></Button>
+          </View>
+        </View>
       </ScrollView>
-      <View style={styles.button}>
-        <Button
-          buttonType={ButtonType.Primary}
-          testID={testIdWithKey('StartProcess')}
-          accessibilityLabel={t('DefaultNotificationPage.ButtonTitle')}
-          title={t('DefaultNotificationPage.ButtonTitle')}
-          onPress={async () => await Linking.openURL(urlGestionDeCompteSag)}
-        ></Button>
-      </View>
-      <View style={styles.button}>
-        <Button
-          buttonType={ButtonType.Secondary}
-          testID={testIdWithKey('StartProcess')}
-          accessibilityLabel={t('Global.GoBack')}
-          title={t('Global.GoBack')}
-          onPress={() => navigation.goBack()}
-        ></Button>
-      </View>
     </SafeAreaView>
   )
 }