From 7a4d6093828c697b6c1e0239474710c903033a8f Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Tue, 1 Mar 2022 23:06:50 +0100
Subject: [PATCH] improve team choice introduction message

---
 .eslintrc.js                                  |  1 +
 src/components/LoginForm/index.tsx            |  2 +-
 src/components/Teams/TeamIntro.tsx            | 18 +++++++++---------
 .../ParticipationDetails.tsx                  |  4 ++--
 .../ParticipationDetailsForm.tsx              |  2 +-
 .../VolunteerBoard/TeamWishes/TeamWishes.tsx  |  2 +-
 .../TeamWishesForm/TeamWishesForm.tsx         | 19 +++++++++++++++----
 src/pages/Board/Board.tsx                     |  2 +-
 8 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 6283418..6dabd63 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -30,6 +30,7 @@ module.exports = {
         "no-param-reassign": "off",
         "react/react-in-jsx-scope": "off",
         "react/jsx-props-no-spreading": "off",
+        "react/no-unescaped-entities": "off",
         "react/jsx-filename-extension": [
             "error",
             {
diff --git a/src/components/LoginForm/index.tsx b/src/components/LoginForm/index.tsx
index e06906c..7304cc0 100644
--- a/src/components/LoginForm/index.tsx
+++ b/src/components/LoginForm/index.tsx
@@ -28,7 +28,7 @@ const LoginForm = (): JSX.Element => {
     return (
         <form onSubmit={onSubmit}>
             <div className={styles.loginIntro} key="login-intro">
-                Si vous êtes bénévole, connectez-vous pour accéder à votre espace.
+                Si tu es bénévole, connecte-toi pour accéder à votre espace.
             </div>
             <div className={styles.formLine} key="line-email">
                 <label htmlFor="email">Email</label>
diff --git a/src/components/Teams/TeamIntro.tsx b/src/components/Teams/TeamIntro.tsx
index 45f3d95..551b45d 100644
--- a/src/components/Teams/TeamIntro.tsx
+++ b/src/components/Teams/TeamIntro.tsx
@@ -4,19 +4,19 @@ const TeamIntro: React.FC = (): JSX.Element => (
     <div>
         <h1>Les Equipes</h1>
         <p>
-            Lors de votre participation au festival en tant que bénévole, vous allez faire partie
-            d&apos;une des nombreuses équipes présentes sur le festival.
+            Lors de ta participation au festival en tant que bénévole, tu vas faire partie d'une des
+            nombreuses équipes présentes sur le festival.
         </p>
         <p>
-            Afin de vous aidez dans votre choix, voici la liste et la description des équipes. Vous
-            pouvez renseigner dans votre profil les équipes qui vous intéressent et vous serez
-            affectés à l&apos;une d&apos;elle en fonction des demandes de chacun. N&apos;hésitez pas
-            à indiquer plusieurs choix pour nous faciliter la tâche.
+            Afin de t'aidez dans ton choix, voici la liste et la description des équipes. Tu peux
+            renseigner dans ton profil les équipes qui t'intéressent et tu seras affecté à l'une
+            d'elles en fonction des demandes de chacun. N'hésite pas à indiquer plusieurs choix pour
+            nous faciliter la tâche.
         </p>
         <p>
-            Vous choisissez votre équipe pour son rôle durant le festival. Certaines d&apos;entre
-            elles demandent de la préparation en amont, voire quelques tâches après le festival.
-            N&apos;hésitez pas à vous manifester si vous souhaitez y participer.
+            Tu choisis ton équipe pour son rôle durant le festival. Certaines d'entre elles
+            demandent de la préparation en amont, voire quelques tâches après le festival. N'hésite
+            pas à te manifester si tu souhaites aider.
         </p>
     </div>
 )
diff --git a/src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx b/src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx
index f9019bb..04452f1 100644
--- a/src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx
+++ b/src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx
@@ -23,10 +23,10 @@ const ParticipationDetails: FC<Props> = (): JSX.Element | null => {
     return (
         <div className={styles.root}>
             <div className={styles.title}>Mes informations pour le festival</div>
-            {!tShirtSize && <div className={styles.line}>J&apos;ai déjà 2 t-shirts.</div>}
+            {!tShirtSize && <div className={styles.line}>J'ai déjà 2 t-shirts.</div>}
             {tShirtSize && (
                 <div className={styles.line}>
-                    J&apos;ai besoin d&apos;un t-shirt ! (Taille <b>{tShirtSize}</b>)
+                    J'ai besoin d'un t-shirt ! (Taille <b>{tShirtSize}</b>)
                 </div>
             )}
             <div className={styles.line}>
diff --git a/src/components/VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm.tsx b/src/components/VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm.tsx
index ae85ddd..a8fdfd0 100644
--- a/src/components/VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm.tsx
+++ b/src/components/VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm.tsx
@@ -51,7 +51,7 @@ const ParticipationDetailsForm: FC<Props> = ({ afterSubmit }): JSX.Element | nul
         <div className={styles.root}>
             <div className={styles.title}>Mes informations pour le festival</div>
             <div className={styles.tShirtWrapper}>
-                <div className={styles.tShirtLabel}>J&apos;ai déjà 2 t-shirts</div>
+                <div className={styles.tShirtLabel}>J'ai déjà 2 t-shirts</div>
                 <label>
                     <input
                         type="radio"
diff --git a/src/components/VolunteerBoard/TeamWishes/TeamWishes.tsx b/src/components/VolunteerBoard/TeamWishes/TeamWishes.tsx
index c98c9f0..1ceecb0 100644
--- a/src/components/VolunteerBoard/TeamWishes/TeamWishes.tsx
+++ b/src/components/VolunteerBoard/TeamWishes/TeamWishes.tsx
@@ -30,7 +30,7 @@ const TeamWishes: FC<Props> = (): JSX.Element | null => {
 
     return (
         <div className={styles.root}>
-            <div className={styles.title}>Mon choix d&apos;équipe</div>
+            <div className={styles.title}>Mon choix d'équipe</div>
             {teamWishesString && <span>{teamWishesString}</span>}
             {!teamWishesString && <span className={styles.lineEmpty}>Non renseignés</span>}
             {comment && (
diff --git a/src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx b/src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx
index 7517559..65b5912 100644
--- a/src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx
+++ b/src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx
@@ -36,11 +36,22 @@ const TeamWishesForm: FC<Props> = ({ afterSubmit }): JSX.Element | null => {
 
     return (
         <div className={styles.root}>
-            <div className={styles.title}>Mon choix d&apos;équipe</div>
+            <div className={styles.title}>Mon choix d'équipe</div>
             <div className={styles.intro}>
-                <p>Sélectionne la ou les équipes que tu aimerais rejoindre.</p>
                 <p>
-                    Pour plus d&apos;informations sur les équipes,{" "}
+                    Sélectionne la ou les équipes que tu aimerais rejoindre dans l'ordre de tes
+                    préférences.
+                </p>
+                <p>
+                    Tu seras affecté à une équipe pour les jours de festival prochainement et nous
+                    tiendrons compte de tes préférences dans la mesure du possible.
+                </p>
+                <p>
+                    Si tu es disponible pour aider en amont, même une autre équipe, n'hésite pas à
+                    le mettre en commentaire.
+                </p>
+                <p>
+                    Pour plus d'informations sur les équipes,{" "}
                     <a href="/equipes" target="_blank">
                         clique ici
                     </a>
@@ -49,7 +60,7 @@ const TeamWishesForm: FC<Props> = ({ afterSubmit }): JSX.Element | null => {
             </div>
             <div className={styles.formArea}>
                 <div className={styles.leftCol}>
-                    <div>Mes choix dans l&apos;ordre :</div>
+                    <div>Mon choix :</div>
                     <ol className={styles.choiceList}>
                         {selection.map((item) => {
                             const team = teams.find((t: any) => t.id === item)
diff --git a/src/pages/Board/Board.tsx b/src/pages/Board/Board.tsx
index 52fc7ad..c7d2b41 100644
--- a/src/pages/Board/Board.tsx
+++ b/src/pages/Board/Board.tsx
@@ -23,7 +23,7 @@ const BoardPage: FC<Props> = (): JSX.Element => {
             </Page>
         )
     }
-    return <div>Besoin d&apos;être identifié</div>
+    return <div>Besoin d'être identifié</div>
 }
 
 // Fetch server-side data here