From 1304afbc98d9bdfbed8f2fcfad43356ea4e490cd Mon Sep 17 00:00:00 2001
From: Vince Linise <vincelinise@gmail.com>
Date: Thu, 26 Dec 2024 21:56:26 +0100
Subject: [PATCH] =?UTF-8?q?feat(settings):=20am=C3=A9liorer=20le=20s=C3=A9?=
 =?UTF-8?q?lecteur=20de=20compte=20externe=20avec=20un=20d=C3=A9filement?=
 =?UTF-8?q?=20et=20des=20ajustements=20de=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ExternalAccount/ServiceSelector.tsx       | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/views/settings/ExternalAccount/ServiceSelector.tsx b/src/views/settings/ExternalAccount/ServiceSelector.tsx
index 5483f1530..3ff074c93 100644
--- a/src/views/settings/ExternalAccount/ServiceSelector.tsx
+++ b/src/views/settings/ExternalAccount/ServiceSelector.tsx
@@ -11,6 +11,7 @@ import { AccountService } from "@/stores/account/types";
 import { useCurrentAccount } from "@/stores/account";
 import DuoListPressable from "@/components/FirstInstallation/DuoListPressable";
 import ButtonCta from "@/components/FirstInstallation/ButtonCta";
+import { LinearGradient } from "expo-linear-gradient";
 
 const ExternalAccountSelector: Screen<"ExternalAccountSelector"> = ({ navigation, route }) => {
   const theme = useTheme();
@@ -27,14 +28,24 @@ const ExternalAccountSelector: Screen<"ExternalAccountSelector"> = ({ navigation
       style={styles.container}
     >
       <PapillonShineBubble
+        noFlex
         message={"Pour commencer, quel est ton service de cantine ?"}
         width={250}
         numberOfLines={2}
-        offsetTop={insets.top}
+        style={{
+          height: 180,
+        }}
       />
 
-      <Reanimated.View
+      <Reanimated.ScrollView
         style={styles.list}
+        contentContainerStyle={{
+          alignItems: "center",
+          gap: 9,
+          paddingHorizontal: 20,
+          paddingTop: 30,
+          paddingBottom: 60,
+        }}
         layout={LinearTransition}
       >
         <Reanimated.View
@@ -66,7 +77,7 @@ const ExternalAccountSelector: Screen<"ExternalAccountSelector"> = ({ navigation
         <Reanimated.View
           style={{ width: "100%" }}
           layout={LinearTransition}
-          entering={FlipInXDown.springify().delay(200)}
+          entering={FlipInXDown.springify().delay(300)}
         >
           <DuoListPressable
             leading={<Image source={require("../../../../assets/images/service_izly.png")} style={styles.image} />}
@@ -78,7 +89,7 @@ const ExternalAccountSelector: Screen<"ExternalAccountSelector"> = ({ navigation
         <Reanimated.View
           style={{ width: "100%" }}
           layout={LinearTransition}
-          entering={FlipInXDown.springify().delay(200)}
+          entering={FlipInXDown.springify().delay(400)}
         >
           <DuoListPressable
             leading={<Image source={require("../../../../assets/images/service_alise.jpg")} style={styles.image} />}
@@ -87,7 +98,7 @@ const ExternalAccountSelector: Screen<"ExternalAccountSelector"> = ({ navigation
             onPress={() => setService(AccountService.Alise)}
           />
         </Reanimated.View>
-      </Reanimated.View>
+      </Reanimated.ScrollView>
 
       <View style={styles.buttons}>
         <ButtonCta
@@ -115,9 +126,6 @@ const styles = StyleSheet.create({
   list: {
     flex: 1,
     width: "100%",
-    alignItems: "center",
-    gap: 9,
-    paddingHorizontal: 20,
   },
 
   buttons: {