Merge pull request #993 from parlemonde/hotfix-VIL-551-and-591

Hotfix vil 551 and 591

src/activity-types/defi.constants.ts

@@ -14,11 +14,11 @@ import { capitalize, replaceTokens } from 'src/utils';
 export const COOKING_DEFIS = [
   {
     title: 'Réalisez notre recette à votre tour',
-    description: 'Les Pelicopains devront créer une présentation sous forme de texte, son, image ou une vidéo',
+    description: 'Les pélicopains devront créer une présentation sous forme de texte, son, image ou une vidéo',
   },
   {
     title: 'Présentez-nous une de vos recettes traditionnelles',
-    description: 'Les Pelicopains devront créer une présentation sous forme de texte, son, image ou une vidéo',
+    description: 'Les pélicopains devront créer une présentation sous forme de texte, son, image ou une vidéo',
   },
 ];
 export const ECO_ACTIONS = [
@@ -39,8 +39,8 @@ export const ECO_DEFIS = [
   },
 ];
 export const LANGUAGE_SCHOOL = [
-  'maternelle chez tous les élèves',
-  'maternelle chez certains élèves',
+  'maternelle chez tous les enfants',
+  'maternelle chez certains enfants',
   'qu’on utilise pour faire cours',
   'qu’on apprend comme langue étrangère',
 ];
@@ -49,50 +49,50 @@ export const LANGUAGE_THEMES = [
     title: 'Un mot précieux',
     title2: 'le mot précieux',
     desc1: "Choisissez un mot 'précieux' qui a quelque chose d'original (prononciation,origine...) dans la langue {{language}}.",
-    desc2: 'Expliquez pourquoi vous avez choisi ce mot précieux, ce qu’il signifie et quand vous l’utilisez.',
+    desc2: 'Ecrivez votre mot précieux puis expliquez pourquoi avoir choisi celui-ci, ce qu’il signifie et quand vous l’utilisez.',
   },
   {
     title: 'Une expression',
     title2: "l'expression",
     desc1: 'Choisissez une expression surprenante dans la langue {{language}}.',
-    desc2: 'Expliquez pourquoi vous avez choisi cette expression, ce qu’elle signifie et quand vous l’utilisez.',
+    desc2: 'Ecrivez votre expression puis expliquez pourquoi avoir choisi celle-ci, ce qu’elle signifie et quand vous l’utilisez.',
   },
   {
     title: 'Une poésie',
     title2: 'la poésie',
     desc1: 'Choisissez une poésie écrite dans la langue {{language}}.',
-    desc2: 'Expliquez pourquoi vous avez choisi cette poésie, ce qu’elle signifie et quand vous l’utilisez.',
+    desc2: 'Ecrivez votre poésie puis expliquez pourquoi avoir choisi celle-ci, ce qu’elle signifie et quand vous l’utilisez.',
   },
   {
     title: 'Une chanson',
     title2: 'la chanson',
     desc1: 'Choisissez une chanson écrite dans la langue {{language}}.',
-    desc2: 'Expliquez pourquoi vous avez choisi cette chanson, ce qu’elle signifie et quand vous l’utilisez.',
+    desc2: 'Ecrivez votre chanson puis expliquez pourquoi avoir choisi celle-ci, ce qu’elle signifie et quand vous l’utilisez.',
   },
 ];
 export const LANGUAGE_DEFIS = [
   {
     title: 'Trouvez {{theme}} similaire dans une autre langue',
-    description: 'Les Pelicopains devront envoyer un texte, un son ou une vidéo.',
+    description: 'Les pélicopains devront envoyer un texte, un son ou une vidéo.',
   },
   {
     title: 'Répétez à l’oral {{theme}} en {{language}}',
-    description: 'Les Pelicopains devront envoyer un son ou une vidéo.',
+    description: 'Les pélicopains devront envoyer un son ou une vidéo.',
   },
   {
     title: 'Écrivez {{theme}} en {{language}}',
-    description: 'Les Pelicopains devront envoyer un texte, une image ou une vidéo.',
+    description: 'Les pélicopains devront envoyer un texte, une image ou une vidéo.',
   },
 ];
 
 export const FREE_DEFIS = [
   {
     title: 'Réalisez notre action à votre tour',
-    description: 'Les Pelicopains devront réaliser la même action que vous',
+    description: 'Les pélicopains devront réaliser la même action que vous',
   },
   {
     title: 'Réalisez une autre action sur le même thème',
-    description: 'Les Pelicopains devront réaliser une action sur le thème {{theme}}',
+    description: 'Les pélicopains devront réaliser une action sur le thème {{theme}}',
   },
 ];
 export const DEFI = {

src/activity-types/enigme.constants.ts

@@ -16,7 +16,7 @@ export const ENIGME_TYPES = [
     titleStep1: 'Choisissez votre objet mystère',
     titleStep2: 'Décrivez votre objet mystère',
     titleStep2Short: 'objet',
-    description: `La classe choisit de présenter un "objet mystère", à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cet objet peut-être...`,
+    description: `Choisissez un "objet mystère" à présenter aux pélicopains à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cet objet peut-être...`,
     subCategories: [
       {
         label: 'Un jouet',
@@ -52,7 +52,7 @@ export const ENIGME_TYPES = [
     titleStep1: 'Choisissez votre événement mystère',
     titleStep2: 'Décrivez votre événement mystère',
     titleStep2Short: 'événement',
-    description: `La classe choisit de présenter un "événement mystère", à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cet événement peut-être une fête de l’école, un festival, un fait historique s'étant déroulé localement, une fête nationale...`,
+    description: `Choisissez un "événement mystère" à présenter aux pélicopains à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cet événement peut-être...`,
     subCategories: [
       {
         label: 'Une fête de l’école',
@@ -83,7 +83,7 @@ export const ENIGME_TYPES = [
     titleStep1: 'Choisissez votre personnalité mystère',
     titleStep2: 'Décrivez votre personnalité mystère',
     titleStep2Short: 'personnalité',
-    description: `La classe choisit de présenter une "personnalité mystère", à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cette personnalité peut-être...`,
+    description: `Choisissez une "personnalité mystère" à présenter aux pélicopains à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Cette personnalité peut-être...`,
     subCategories: [
       {
         label: 'Un personnage historique',
@@ -109,7 +109,7 @@ export const ENIGME_TYPES = [
     titleStep1: 'Choisissez votre lieu mystère',
     titleStep2: 'Décrivez votre lieu mystère',
     titleStep2Short: 'lieu',
-    description: `La classe choisit de présenter un "lieu mystère", à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Ce lieu peut-être...`,
+    description: `Choisissez un "lieu mystère" à présenter aux pélicopains à travers une énigme sous forme de texte, de son, d'image ou de vidéo. Ce lieu peut-être...`,
     subCategories: [
       {
         label: 'Un monument commémoratif',

src/activity-types/mascotte.constants.ts

@@ -39,7 +39,7 @@ export const getMascotteContent = (data: MascotteData, countries: Country[], cur
       data.girlStudent ?? 0
     } fille${pluralS(data.girlStudent || 0)} et ${data.boyStudent ?? 0} garçon${pluralS(
       data.boyStudent || 0,
-    )}.\nEn moyenne, l’âge des élèves de notre classe est ${data.meanAge ?? 0} an${pluralS(data.meanAge || 0)}.\nNous avons ${
+    )}.\nEn moyenne, l’âge des enfants de notre classe est ${data.meanAge ?? 0} an${pluralS(data.meanAge || 0)}.\nNous avons ${
       data.totalTeacher ?? 0
     } professeur${pluralS(data.totalTeacher || 0)}, dont ${data.womanTeacher ?? 0} femme${pluralS(data.womanTeacher || 0)} et ${
       data.manTeacher ?? 0
@@ -66,13 +66,13 @@ export const getMascotteContent = (data: MascotteData, countries: Country[], cur
   content.push(
     `${
       displayFluentLanguages.length > 0
-        ? 'Tous les élèves de notre classe parlent : ' + naturalJoin(displayFluentLanguages) + '.'
-        : 'Les élèves de notre classe ne parlent aucune langue !'
+        ? 'Tous les enfants de notre classe parlent : ' + naturalJoin(displayFluentLanguages) + '.'
+        : 'Les enfants de notre classe ne parlent aucune langue !'
     }\n${
       displayMinorLanguages.length > 0
-        ? 'Au moins un élève de notre classe parle: ' + naturalJoin(displayMinorLanguages) + '.'
-        : 'Aucun élève de notre classe ne parle de langue supplémentaire.'
-    }\n${capitalize(data.mascotteName)}, comme tous les élèves de notre classe, ${
+        ? 'Au moins un enfant de notre classe parle: ' + naturalJoin(displayMinorLanguages) + '.'
+        : 'Aucun enfant de notre classe ne parle de langue supplémentaire.'
+    }\n${capitalize(data.mascotteName)}, comme tous les enfants de notre classe, ${
       displayWantedLanguages.length > 0 ? ' apprend : ' + naturalJoin(displayWantedLanguages) + '.' : " n'apprend aucune langue."
     }\nNous ${displayCurrencies.length > 0 ? ' utilisons comme monnaie : ' + naturalJoin(displayCurrencies) + '.' : " n'utilisons aucune monnaie."}`,
   );

src/components/CGU.tsx

@@ -14,7 +14,7 @@ export const CGU = () => {
       </p>
       <p>
         <strong>Je m’engage notamment à respecter la législation relative au droit à l’image</strong>, en particulier, je m’engage à ne mettre en
-        ligne que des photos ou vidéos d’élèves pour lesquelles je possède une autorisation valide et signée d’un parent ou du tuteur légal.
+        ligne que des photos ou vidéos enfants pour lesquelles je possède une autorisation valide et signée d’un parent ou du tuteur légal.
       </p>
       <p>
         Je comprends et j’accepte que l’association Par Le Monde ne peut être considérée comme responsable des contenus illégaux que je mettrais en

src/components/Navigation.tsx

@@ -223,7 +223,7 @@ export const Navigation = (): JSX.Element => {
     () => [
       ACCUEIL,
       {
-        label: 'Notre classe',
+        label: 'Notre classe et nos activités',
         path: '/ma-classe',
         icon: user && <AvatarImg user={user} size="extra-small" noLink noToolTip />,
         disabled: isParent,

src/components/ParentsCGU.tsx

@@ -14,8 +14,7 @@ export const ParentsCGU = () => {
       </p>
       <p>
         <strong>Je m’engage notamment à respecter la législation relative au droit à l’image</strong>, en particulier, je m’engage à ne télécharger et
-        partager aucune des photos ou vidéos d’élèves pour lesquelles je ne possède pas d’autorisation valide et signée d’un parent ou du tuteur
-        légal.
+        partager aucune des photos ou vidéos enfants pour lesquelles je ne possède pas d’autorisation valide et signée d’un parent ou du tuteur légal.
       </p>
       <p>
         Je comprends et j’accepte que l’association Par Le Monde ne peut être considérée comme responsable des contenus illégaux qui pourraient être

src/components/UserDisplayName.tsx

@@ -25,7 +25,7 @@ export const UserDisplayName = ({ user, activity, className, style, noLink = fal
     return (
       <Link href="/pelico-profil" style={{ cursor: 'pointer' }}>
         <span className={className} style={style}>
-          Pelico
+          Pélico
         </span>
       </Link>
     );

src/components/WelcomeModal/FirstPhase.tsx

@@ -136,7 +136,7 @@ export const FirstPhase = () => {
   return (
     <Modal
       open={true}
-      title="Bienvenue à 1Village !"
+      title="Bienvenue sur 1Village !"
       cancelLabel="Continuer"
       maxWidth="lg"
       fullWidth
@@ -263,8 +263,8 @@ export const FirstPhase = () => {
             <div style={{ display: 'flex', alignItems: 'center', marginBottom: '2rem' }}>
               <PelicoSearch style={{ width: '4rem', height: 'auto', marginRight: '1rem' }} />
               <span className="text text--bold">
-                Suite à votre première connection, Pelico a récupéré les informations suivantes sur votre classe. Pouvez les mettre à jour si
-                nécessaire ?
+                Comme c’est votre première connexion, Pélico a besoin de récupérer certaines informations sur votre classe. Pouvez-vous les compléter
+                ?
               </span>
             </div>
             <div style={{ display: 'flex', alignItems: 'stretch' }}>
@@ -345,7 +345,7 @@ export const FirstPhase = () => {
                 />
               </div>
               <div style={{ flex: 1, backgroundColor: bgPage, padding: '0.5rem 1rem', minWidth: 0 }}>
-                <span className="text text--bold">Une activité de votre classe apparaîtra comme suit:</span>
+                <span className="text text--bold">Les activités de votre classe apparaîtront comme ci-dessous :</span>
                 <ActivityCard
                   activity={{
                     id: 0,

src/components/WelcomeModal/SecondPhase.tsx

@@ -38,7 +38,7 @@ export const SecondPhase = () => {
     <div style={{ width: '100%' }}>
       <Modal
         open={isModalOpen}
-        title="La phase 2 est active, et l'identité de vos Pélicopains est dévoilée !"
+        title="La phase 2 est active, et l'identité de vos pélicopains est dévoilée !"
         maxWidth="md"
         fullWidth
         onClose={() => {}}
@@ -74,7 +74,7 @@ export const SecondPhase = () => {
                   </Button>
                 </div>
                 <div>
-                  <p>Si vous souhaitez débuter les échanges avec vos Pélicopains, poursuivez sur la phase 2.</p>
+                  <p>Si vous souhaitez débuter les échanges avec vos pélicopains, poursuivez sur la phase 2.</p>
                   <Button
                     component="a"
                     onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {

src/components/accueil/Accueil.tsx

@@ -113,8 +113,8 @@ export const Accueil = () => {
           <h1 style={{ margin: '1rem' }}>
             Un peu de patience, la phase {selectedPhase} n&apos;a pas encore débuté !
             {selectedPhase === 2
-              ? ' Rendez-vous ici une fois que vous aurez fait découvrir et découvert où habitent vos Pélicopains. Vous pourrez alors échanger ensemble !'
-              : ' Rendez-vous ici une fois que vous aurez échangé avec vos Pélicopains. Vous pourrez ensuite imaginer ensemble votre village-idéal !'}
+              ? ' Rendez-vous ici une fois que vous aurez créé votre mascotte et découvert le pays mystère, c’est-à-dire le pays où habitent vos pélicopains !'
+              : ' Rendez-vous ici une fois que vous aurez échangé avec vos pélicopains. Vous pourrez ensuite chanter tous ensemble l’hymne de votre village-monde mais aussi réinventer une histoire à partir de celles de vos pélicopains !'}
           </h1>
           <PelicoReflechit style={{ width: '50%', height: 'auto', maxWidth: '360px' }} />
           <Button

src/components/accueil/Filters/Filters.tsx

@@ -11,10 +11,11 @@ import PelicoReflechit from 'src/svg/pelico/pelico_reflechit.svg';
 export const ACTIVITIES_PER_PHASE: { key: number; label: string; value: 'all' | number[] }[][] = [
   [
     { key: 0, label: 'Toutes', value: 'all' },
-    { key: 1, label: 'Indices culturels', value: [6] },
-    { key: 2, label: 'Symboles', value: [7] },
-    { key: 3, label: 'Questions', value: [3] },
-    { key: 4, label: 'Mascotte', value: [8] },
+    // Commented for a try in 1Village 2024-2025
+    // { key: 1, label: 'Indices culturels', value: [6] },
+    // { key: 2, label: 'Symboles', value: [7] },
+    // { key: 3, label: 'Questions', value: [3] },
+    { key: 4, label: 'Mascottes', value: [8] },
   ],
   [
     { key: 0, label: 'Toutes', value: 'all' },
@@ -24,12 +25,14 @@ export const ACTIVITIES_PER_PHASE: { key: number; label: string; value: 'all' |
     { key: 4, label: 'Énigmes', value: [1] },
     { key: 5, label: 'Questions', value: [3] },
     { key: 6, label: 'Réactions', value: [10] },
+    { key: 7, label: 'Histoires', value: [13] },
   ],
   [
     { key: 0, label: 'Toutes', value: 'all' },
-    { key: 1, label: 'Couplet', value: [12] },
-    { key: 2, label: 'Histoire', value: [13] },
-    { key: 3, label: 'Histoire ré-inventée', value: [14] },
+    { key: 1, label: 'Couplets', value: [12] },
+    // Commented for a try in 1Village 2024-2025 and moved to phase 2
+    // { key: 2, label: 'Histoire', value: [13] },
+    { key: 3, label: 'Histoires ré-inventées', value: [14] },
   ],
   // ! Special for teacher in there dashboard (Better Comments to highlight)
   [
@@ -40,12 +43,12 @@ export const ACTIVITIES_PER_PHASE: { key: number; label: string; value: 'all' |
     { key: 4, label: 'Jeux', value: [4] },
     { key: 5, label: 'Indices culturels', value: [6] },
     { key: 6, label: 'Symboles', value: [7] },
-    { key: 7, label: 'Mascotte', value: [8] },
+    { key: 7, label: 'Mascottes', value: [8] },
     { key: 8, label: 'Reportages', value: [9] },
     { key: 9, label: 'Réactions', value: [10] },
-    { key: 10, label: 'Couplet', value: [12] },
-    { key: 11, label: 'Histoire', value: [13] },
-    { key: 12, label: 'Histoire ré-inventée', value: [14] },
+    { key: 10, label: 'Couplets', value: [12] },
+    { key: 11, label: 'Histoires', value: [13] },
+    { key: 12, label: 'Histoires ré-inventées', value: [14] },
   ],
 ];
 

src/components/accueil/NewHome.tsx

@@ -120,7 +120,7 @@ export const NewHome = () => {
               },
             }}
           >
-            <LoginBox title="Professeur des écoles" subTitle="1Village en classe" route="login" Icon={School} />
+            <LoginBox title="Professionnel de l'éducation" subTitle="1Village en classe" route="login" Icon={School} />
           </Grid>
 
           <Box
@@ -138,7 +138,7 @@ export const NewHome = () => {
           ></Box>
 
           <Grid item xs={12} sm={6} spacing={2}>
-            <LoginBox title="Parent d'élève" subTitle="1Village en famille" route="connexion" Icon={Home} />
+            <LoginBox title="Famille" subTitle="1Village en famille" route="connexion" Icon={Home} />
           </Grid>
         </Grid>
       </Box>

src/components/accueil/PelicoProfilNavigation.tsx

@@ -33,7 +33,7 @@ export const PelicoProfilNavigation = () => {
             </Avatar>
           </span>
           <span className="text">
-            <strong>Pelico</strong>
+            <strong>Pélico</strong>
           </span>
         </div>
       </div>
@@ -42,7 +42,7 @@ export const PelicoProfilNavigation = () => {
         style={{ padding: '1rem', borderRadius: '10px', display: 'flex', justifyContent: 'center', flexDirection: 'column' }}
       >
         <h3>
-          <b>Dernières activités de Pelico</b>
+          <b>Dernières activités de Pélico</b>
         </h3>
         {activities.slice(0, 3).map((activity, index) => {
           const ActivityIcon = icons[activity.type] || null;

src/components/accueil/RightNavigation.tsx

@@ -85,11 +85,11 @@ export const RightNavigation = ({ activityUser, displayAsUser = false }: { activ
               <AvatarImg user={activityUser} size="extra-small" noLink displayAsUser={displayAsUser} onClick={onclick} />
             </span>
             <span className="text">
-              <strong>Pelico</strong>
+              <strong>Pélico</strong>
             </span>
           </div>
         </Link>
-        <LastActivities title="Dernières activités de Pelico" activityUser={activityUser} />
+        <LastActivities title="Dernières activités de Pélico" activityUser={activityUser} />
       </Layout>
     );
   }

src/components/accueil/VideoPresentation.tsx

@@ -56,7 +56,7 @@ export const VideoPresentation = () => {
                       fullWidth
                       id="outlined-helperText"
                       value={value}
-                      placeholder="Un indice : un proverbe français dit que c’est un défaut, mais pour Pelico il s’agit d’une qualité"
+                      placeholder="Un indice : un proverbe français dit que c’est un défaut, mais pour Pélico il s’agit d’une qualité"
                       label="Votre réponse"
                       InputLabelProps={{
                         shrink: true,

src/components/activities/ActivityCard/FreeContentCard.tsx

@@ -62,7 +62,7 @@ export const FreeContentCard = ({ activity, isSelf, noButtons, isDraft, showEdit
               <>
                 <Link href={`/activite/${activity.id}`} passHref>
                   <Button component="a" color="primary" variant="outlined" href={`/activite/${activity.id}`}>
-                    {activity.displayAsUser ? 'Voir le message' : 'Voir le message de Pelico'}
+                    {activity.displayAsUser ? 'Voir le message' : 'Voir le message de Pélico'}
                   </Button>
                 </Link>
               </>

src/components/activities/ActivityComments/index.tsx

@@ -59,7 +59,7 @@ export const ActivityComments = ({ activity, usersMap }: ActivityCommentsProps)
     <div>
       <div className="activity__divider">
         <div className="activity__divider--text">
-          <h2>Réaction des Pélicopains</h2>
+          <h2>Réaction des pélicopains</h2>
         </div>
       </div>
       {/* Stories space */}