(core) feat(endscreen): fixed button display (#5)

.eslintrc.js

@@ -22,5 +22,6 @@ module.exports = {
   plugins: ["react"],
   rules: {
     quotes: ["error", "double"],
+    "react/no-unescaped-entities": 0,
   },
 };

provider/ImageContext.js

@@ -2,7 +2,7 @@ import React, { createContext, useContext, useMemo } from "react";
 
 const ImageContext = createContext();
 
-export const ImageProvider = ({ children, backgroundImageSource }) => {
+export const ImageProvider = ({ children, backgroundImageSource }) => { /* eslint-disable react/prop-types */ // TODO: upgrade to latest eslint tooling
   const contextValue = useMemo(() => ({ backgroundImageSource }), [
     backgroundImageSource,
   ]);

screens/Endscreen.js

@@ -1,4 +1,4 @@
-import { View, Text, ImageBackground, TouchableOpacity, FlatList } from "react-native";
+import { View, Text, ImageBackground, TouchableOpacity } from "react-native";
 import React from "react";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { StatusBar } from "expo-status-bar";
@@ -41,17 +41,16 @@ export default function Endscreen() {
 
         </View>
         {/* Button */}
-        <View className="flex-1 justify-center items-center ">
+        <View className="flex-1 items-center ">
           <TouchableOpacity
-
-            className=" bg-white w-50 px-4 py-4 border-solid rounded-lg mt-4 justify-center align-items-center"
+            className=" bg-white w-36 px-4 py-4 border-solid rounded-lg "
           >
             <Text className="text-cyan-900 text-sm text-center font-bold">
               Recommencer
             </Text>
           </TouchableOpacity>
           <TouchableOpacity
-            className=" bg-white w-50 px-4 py-4 border-solid rounded-lg mt-4 justify-center align-items-center"
+            className=" bg-white w-36 px-4 py-4 border-solid rounded-lg mt-4 "
           >
             <Text className="text-cyan-900 text-sm text-center font-bold">
               Accueil

screens/Homescreen.js

@@ -4,7 +4,6 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { StatusBar } from "expo-status-bar";
 import { Image } from "react-native";
 import { useNavigation } from "@react-navigation/native";
-import { useEffect } from "react";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import { useImage } from "../provider/ImageContext";
 
@@ -17,7 +16,7 @@ export default function HomeScreen() {
     AsyncStorage.clear();
     navigation.navigate("Lobby");
   };
-
+  /* eslint-disable react/no-unescaped-entities */ 
   return (
     <View className="flex-1">
       <ImageBackground blurRadius={70}
@@ -28,7 +27,7 @@ export default function HomeScreen() {
         <StatusBar style="light" />
         {/* Header */}
         <View className="pb-4 m-4 justify-center items-center">
-          <Text className="text-white text-2xl font-black">DRINK'UP     </Text>
+          <Text className="text-white text-2xl font-black">DRINK'UP     </Text> 
           <Image className="w-12 h-12 left-20 bottom-10 bg-white rounded-xl " source={require("../assets/Icon-83.5_2x-removebg-preview.png")}/>
         </View>
         {/* GIF */}