From ce3ce001aa25785a5ae4e9a64ebd5c507d22ad9d Mon Sep 17 00:00:00 2001
From: "axe.l.r" <axel.renault@passculture.app>
Date: Sun, 11 Feb 2024 14:42:44 +0100
Subject: [PATCH] (core) feat(endscreen): fixed button display

---
 .eslintrc.js             | 1 +
 provider/ImageContext.js | 2 +-
 screens/Endscreen.js     | 9 ++++-----
 screens/Homescreen.js    | 5 ++---
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 8b1ea9b..ea880f2 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -22,5 +22,6 @@ module.exports = {
   plugins: ["react"],
   rules: {
     quotes: ["error", "double"],
+    "react/no-unescaped-entities": 0,
   },
 };
diff --git a/provider/ImageContext.js b/provider/ImageContext.js
index bca9573..8e36bfd 100644
--- a/provider/ImageContext.js
+++ b/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,
   ]);
diff --git a/screens/Endscreen.js b/screens/Endscreen.js
index 64cacdc..4b76cea 100644
--- a/screens/Endscreen.js
+++ b/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
diff --git a/screens/Homescreen.js b/screens/Homescreen.js
index b438854..df3c65d 100644
--- a/screens/Homescreen.js
+++ b/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 */}