From eeb80925e00555ddff1c4f7d3b8d68f8f100ac78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o?= <theo@Mac-Studio.local>
Date: Mon, 29 Dec 2025 13:33:19 +0100
Subject: [PATCH] should fix cgu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Théo <theo@Mac-Studio.local>
---
 src/screens/CreatePassword.js | 49 ++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/src/screens/CreatePassword.js b/src/screens/CreatePassword.js
index ff79e8f..50e3a75 100644
--- a/src/screens/CreatePassword.js
+++ b/src/screens/CreatePassword.js
@@ -7,7 +7,6 @@ import { background } from "../assets";
 import BorderGradientButton from "../components/BorderGradientButton";
 import GradientButton from "../components/GradientButton";
 import { Input } from "../components/Input";
-import AppCheckbox from "../components/AppCheckbox";
 import ItemContainer from "../components/ItemContainer/ItemContainer";
 import {
   checkIfPasswordIsStrongEnough,
@@ -56,6 +55,10 @@ const CreatePassword = () => {
 
   const isPasswordValid = checkIfPasswordIsStrongEnough({ password });
 
+  const handleToggleCguAccepted = () => {
+    setIsCguAccepted((prev) => !prev);
+  };
+
   const handleOpenCguModal = () => {
     setHasScrolledCguToEnd(false);
     setIsCguModalVisible(true);
@@ -207,9 +210,49 @@ const CreatePassword = () => {
                   flexDirection: "row",
                   alignItems: "center",
                   gap: 8,
+                  flexWrap: "wrap",
                 }}
               >
-                <AppCheckbox selected={isCguAccepted} />
+                <Pressable
+                  onPress={handleToggleCguAccepted}
+                  style={{
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: 8,
+                  }}
+                >
+                  <View
+                    style={{
+                      width: 17,
+                      height: 17,
+                      alignItems: "center",
+                      justifyContent: "center",
+                      borderWidth: 1,
+                      borderRadius: 100,
+                      borderColor: Palette.white,
+                    }}
+                  >
+                    {isCguAccepted ? (
+                      <View
+                        style={{
+                          width: 9,
+                          height: 9,
+                          borderRadius: 100,
+                          backgroundColor: Palette.white,
+                        }}
+                      />
+                    ) : null}
+                  </View>
+                  <Text
+                    style={{
+                      fontSize: 14,
+                      color: Palette.white,
+                      fontFamily: FONT_FAMILY.InterRegular,
+                    }}
+                  >
+                    J&apos;accepte les
+                  </Text>
+                </Pressable>
                 <Pressable onPress={handleOpenCguModal}>
                   <Text
                     style={{
@@ -219,7 +262,7 @@ const CreatePassword = () => {
                       textDecorationLine: "underline",
                     }}
                   >
-                    Voir les CGU
+                    CGU
                   </Text>
                 </Pressable>
               </View>