(PC-8087) use parameterized syntax - [batch 2]

src/features/auth/forgottenPassword/ReinitializePassword.tsx

@@ -100,7 +100,7 @@ export const ReinitializePassword = () => {
         <Spacer.Column numberOfSpaces={2} />
         <InputError
           visible={displayNotMatchingError}
-          messageId="les mots de passe ne concordent pas"
+          messageId={t`les mots de passe ne concordent pas`}
           numberOfSpacesTop={0}
         />
         <Spacer.Column numberOfSpaces={6} />

src/features/auth/signup/SetBirthday.tsx

@@ -117,12 +117,14 @@ export const SetBirthday: FunctionComponent<Props> = ({ route }) => {
       return (
         <InputError
           visible
-          messageId="Tu dois avoir 16 ans pour t'inscrire"
+          messageId={t`Tu dois avoir 16 ans pour t'inscrire`}
           numberOfSpacesTop={5}
         />
       )
     }
-    return <InputError visible messageId="La date choisie est incorrecte" numberOfSpacesTop={5} />
+    return (
+      <InputError visible messageId={t`La date choisie est incorrecte`} numberOfSpacesTop={5} />
+    )
   }
 
   return (
@@ -176,9 +178,12 @@ export const SetBirthday: FunctionComponent<Props> = ({ route }) => {
           <BirthdayCake />
           <Spacer.Column numberOfSpaces={2} />
           <StyledBody>
-            {t`L’application pass Culture est accessible à tous.
-         Si tu as 18 ans et que tu fais partie d’un département éligible, tu es éligible pour obtenir une aide financière de ${deposit}
-          proposée par le Ministère de la Culture qui sera créditée directement sur ton compte pass Culture.`}
+            {t({
+              id: 'application accessible pour certains départements',
+              values: { deposit },
+              message:
+                'L’application pass Culture est accessible à tous\nSi tu as 18 ans et que tu fais partie d’un département éligible, tu es éligible pour obtenir une aide financière de {deposit} proposée par le Ministère de la Culture qui sera créditée directement sur ton compte pass Culture.',
+            })}
           </StyledBody>
         </ModalChildrenContainer>
       </AppInformationModal>

src/features/auth/signup/SetEmail.tsx

@@ -87,7 +87,7 @@ export const SetEmail: FunctionComponent = () => {
             />
             <InputError
               visible={hasError}
-              messageId="Format de l'e-mail incorrect"
+              messageId={t`Format de l'e-mail incorrect`}
               numberOfSpacesTop={1}
             />
           </StyledInput>

src/features/auth/signup/SetPostalCode.tsx

@@ -89,7 +89,7 @@ export const SetPostalCode: FunctionComponent<Props> = ({ route }) => {
             />
             <InputError
               visible={hasError}
-              messageId="Code postal introuvable"
+              messageId={t`Code postal introuvable`}
               numberOfSpacesTop={1}
             />
           </StyledInput>

src/features/auth/signup/__snapshots__/SetBirthday.test.tsx.snap

@@ -984,9 +984,8 @@ Array [
                 ]
               }
             >
-              L’application pass Culture est accessible à tous.
-Si tu as 18 ans et que tu fais partie d’un département éligible, tu es éligible pour obtenir une aide financière de 500 €
-proposée par le Ministère de la Culture qui sera créditée directement sur ton compte pass Culture.
+              L’application pass Culture est accessible à tous
+Si tu as 18 ans et que tu fais partie d’un département éligible, tu es éligible pour obtenir une aide financière de 500 € proposée par le Ministère de la Culture qui sera créditée directement sur ton compte pass Culture.
             </Text>
           </View>
         </View>

src/features/bookings/components/EndedBookingItem.tsx

@@ -84,8 +84,13 @@ function getEndedBookingReason(
 }
 
 function getEndedBookingDateLabel(cancellationDate?: Date | null, dateUsed?: Date | null) {
-  if (dateUsed) return t`le ${formatToSlashedFrenchDate(new Date(dateUsed).toISOString())}`
-  if (cancellationDate)
-    return t`le ${formatToSlashedFrenchDate(new Date(cancellationDate).toISOString())}`
+  const endDate = dateUsed ?? cancellationDate
+  if (endDate) {
+    return t({
+      id: 'jour de fin de résa',
+      values: { date: formatToSlashedFrenchDate(new Date(endDate).toISOString()) },
+      message: 'le {date}',
+    })
+  }
   return null
 }

src/features/offer/services/useShareOffer.ts

@@ -13,7 +13,11 @@ import { useFunctionOnce } from './useFunctionOnce'
 const shareOffer = async (offer: OfferResponse) => {
   const { id, isDigital, name, venue } = offer
   const locationName = getLocationName(venue, isDigital)
-  const message = t`Retrouve "${name}" chez "${locationName}" sur le pass Culture`
+  const message = t({
+    id: 'share offer message',
+    values: { name, locationName },
+    message: 'Retrouve "{name}" chez "{locationName}" sur le pass Culture',
+  })
   const url = generateLongFirebaseDynamicLink('offer', `id=${id}`)
 
   // url share content param is only for iOs, so we add url in message for android

src/features/profile/components/ExBeneficiaryHeader.tsx

@@ -24,7 +24,11 @@ export function ExBeneficiaryHeader(props: ExBeneficiaryHeaderProps) {
         <Spacer.Column numberOfSpaces={4} />
         {props.depositExpirationDate && (
           <Typo.Caption color={ColorsEnum.WHITE}>
-            {t`crédit expiré le ${props.depositExpirationDate}`}
+            {t({
+              id: 'credit expired on date',
+              values: { deadline: props.depositExpirationDate },
+              message: 'crédit expiré le {deadline}',
+            })}
           </Typo.Caption>
         )}
       </TitleContainer>

src/features/profile/pages/ChangePassword.tsx

@@ -94,7 +94,11 @@ export function ChangePassword() {
             placeholder={t`Ton mot de passe actuel`}
           />
           <Spacer.Column numberOfSpaces={2} />
-          <InputError visible={hasError} messageId="Mot de passe incorrect" numberOfSpacesTop={0} />
+          <InputError
+            visible={hasError}
+            messageId={t`Mot de passe incorrect`}
+            numberOfSpacesTop={0}
+          />
         </StyledInput>
         <Spacer.Column numberOfSpaces={5} />
         <StyledInput>
@@ -125,7 +129,7 @@ export function ChangePassword() {
         <Spacer.Column numberOfSpaces={2} />
         <InputError
           visible={displayNotMatchingError}
-          messageId="les mots de passe ne concordent pas"
+          messageId={t`les mots de passe ne concordent pas`}
           numberOfSpacesTop={0}
         />
         <Spacer.Flex flex={1} />

src/libs/fetch.ts

@@ -42,7 +42,13 @@ async function makeExternalRequest<ResponseBody>(
   }
 
   if (!response.ok) {
-    throw new Error(t`Échec de la requête ${url}, code: ${response.status}`)
+    throw new Error(
+      t({
+        id: 'request error',
+        values: { url, status: response.status },
+        message: 'Échec de la requête {url}, code: {status}',
+      })
+    )
   }
 
   const json = await response.json()