From 3b449291eb0789e8a7b6e2b0bf7b9ad6a1110bed Mon Sep 17 00:00:00 2001
From: GauthierWebDev <gauthier@gauthierdaniels.fr>
Date: Fri, 18 Apr 2025 15:52:34 +0200
Subject: [PATCH] style: Import React in Toggle.tsx for consistency

---
 app/components/common/Toggle.tsx                 |  1 +
 app/eslint.config.js                             |  1 +
 app/layouts/LayoutDefault.tsx                    | 11 +++++------
 app/pages/politique-de-confidentialite/+Page.tsx |  2 ++
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/components/common/Toggle.tsx b/app/components/common/Toggle.tsx
index 31f5b6e..6004f1a 100644
--- a/app/components/common/Toggle.tsx
+++ b/app/components/common/Toggle.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import clsx from "clsx";
 
 type ToggleProps = {
diff --git a/app/eslint.config.js b/app/eslint.config.js
index 23320c6..2e6b835 100644
--- a/app/eslint.config.js
+++ b/app/eslint.config.js
@@ -36,6 +36,7 @@ export default tseslint.config(
       "@typescript-eslint/no-unused-vars": [1, { argsIgnorePattern: "^_" }],
       "@typescript-eslint/no-namespace": 0,
       "react/react-in-jsx-scope": "warn",
+      "react/no-unescaped-entities": "off",
       "react/jsx-filename-extension": [1, { extensions: [".tsx"] }],
     },
   },
diff --git a/app/layouts/LayoutDefault.tsx b/app/layouts/LayoutDefault.tsx
index 4b56e8f..f6abc14 100644
--- a/app/layouts/LayoutDefault.tsx
+++ b/app/layouts/LayoutDefault.tsx
@@ -10,7 +10,6 @@ import { clientOnly } from "vike-react/clientOnly";
 import React, { useEffect, useState } from "react";
 import { Navigation } from "@syntax/Navigation";
 import { Link } from "@/components/common/Link";
-import { navigation } from "@/lib/navigation";
 import { reload } from "vike/client/router";
 import { Hero } from "@syntax/Hero";
 import { Logo } from "@syntax/Logo";
@@ -108,7 +107,7 @@ function CookieModal() {
           <div className="flex flex-col gap-2 w-full items-start">
             <Toggle
               id="cookies-analytics"
-              label="Cookies d'analyse (Umami et Google Analytics)"
+              label="Cookies d&lsquo;analyse (Umami et Google Analytics)"
               checked={consentCookies.analytics}
               onChange={(checked) => {
                 setConsentCookies({ ...consentCookies, analytics: checked });
@@ -158,13 +157,13 @@ function CookieModal() {
 
       <div className="flex flex-col gap-2 p-4">
         <p className="font-display dark:text-slate-300">
-          <span className="text-sm">Coucou c'est nous...</span>
+          <span className="text-sm">Coucou c&apos;est nous...</span>
           <br />
           <span className="font-bold text-lg">les cookies ! 🍪</span>
         </p>
 
         <p className="text-slate-700 dark:text-slate-300">
-          On ne t'embête pas longtemps, on te laisse même le choix <em>(si ça c'est pas la classe 😎)</em>.
+          On ne t&lsquo;embête pas longtemps, on te laisse même le choix <em>(si ça c&lsquo;est pas la classe 😎)</em>.
         </p>
 
         <p className="text-slate-700 dark:text-slate-300">
@@ -209,7 +208,7 @@ function CookieModal() {
               });
           }}
         >
-          Oui, j'ai faim !
+          Oui, j&lsquo;ai faim !
         </button>
       </div>
     </div>
@@ -228,7 +227,7 @@ function Footer() {
 
           <p>
             Plateforme de ressources et documentations synthétiques et concises, conçue pour les développeurs ou
-            passionnés de l'informatique en quête de savoir.
+            passionnés de l&lsquo;informatique en quête de savoir.
           </p>
         </section>
 
diff --git a/app/pages/politique-de-confidentialite/+Page.tsx b/app/pages/politique-de-confidentialite/+Page.tsx
index c089cc3..28e21df 100644
--- a/app/pages/politique-de-confidentialite/+Page.tsx
+++ b/app/pages/politique-de-confidentialite/+Page.tsx
@@ -1,3 +1,5 @@
+import React from "react";
+
 export function Page() {
   return <div>Rédaction en cours</div>;
 }