From 9fd16ab4869fabc8ca37057de260111630950440 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=F0=9D=95=82=F0=9D=95=AA=F0=9D=95=9D=F0=9D=95=9A?=
 =?UTF-8?q?=F0=9D=95=92=F0=9D=95=9F?= <kylian.jarry@scaramouch.com>
Date: Sun, 17 Nov 2024 19:52:38 +0100
Subject: [PATCH] =?UTF-8?q?affichage=20correct=20de=20"Voici=20les=20?=
 =?UTF-8?q?=C3=A9tablissements[...]"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../login/pronote/PronoteInstanceSelector.tsx | 20 +++++--------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/views/login/pronote/PronoteInstanceSelector.tsx b/src/views/login/pronote/PronoteInstanceSelector.tsx
index b73d6cf6a..8c2a87ae0 100644
--- a/src/views/login/pronote/PronoteInstanceSelector.tsx
+++ b/src/views/login/pronote/PronoteInstanceSelector.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import type { Screen } from "@/router/helpers/types";
-import { TextInput, TouchableOpacity, View, StyleSheet, ActivityIndicator, Keyboard, KeyboardEvent } from "react-native";
+import { TextInput, TouchableOpacity, View, StyleSheet, ActivityIndicator, Keyboard, KeyboardEvent, SafeAreaView } from "react-native";
 import pronote from "pawnote";
 import Reanimated, { LinearTransition, FlipInXDown, FadeInUp, FadeOutUp, ZoomIn, ZoomOut, Easing, ZoomInEasyDown } from "react-native-reanimated";
 import determinateAuthenticationView from "@/services/pronote/determinate-authentication-view";
@@ -101,17 +101,10 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
   }, [search, originalInstances]);
 
   return (
-    <View
-      style={[
-        styles.container,
-        {
-          paddingTop: insets.top,
-        }
-      ]}
-    >
+    <SafeAreaView style={styles.container}>
       <MaskStars />
 
-      <View style={{height: insets.top}} />
+      <View style={{ height: insets.top, marginTop: "10%" }} />
 
       {!keyboardOpen &&
         <Reanimated.View
@@ -123,9 +116,8 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
           <PapillonShineBubble
             message={"Voici les établissements que j'ai trouvé !"}
             numberOfLines={2}
-            width={250}
+            width={260}
             noFlex
-            style={{ marginTop: 0, zIndex: 9999 }}
           />
         </Reanimated.View>
       }
@@ -264,7 +256,7 @@ const PronoteInstanceSelector: Screen<"PronoteInstanceSelector"> = ({
         </Reanimated.View>
 
       )}
-    </View>
+    </SafeAreaView>
   );
 };
 
@@ -272,9 +264,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: "center",
-    justifyContent: "center",
     gap: 20,
-    paddingTop: -40,
   },
 
   overScrollContainer: {