Merge pull request #906 from betagouv/main

MEP : T-2561 fix small ux defects in step 2 on mobile
betagouv · Sep 17, 2024 · 3c77e03 · 3c77e03
2 parents 6b22b98 + d541e63
commit 3c77e03
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 9 deletions.
diff --git a/website/src/components_feature/reportFlow/Company/CompanySearchByBarcode.tsx b/website/src/components_feature/reportFlow/Company/CompanySearchByBarcode.tsx
@@ -74,7 +74,7 @@ export const CompanySearchByBarcode = ({searchProductOnly, children}: Props) =>
   return (
     <>
       <Animate>
-        <div>
+        <div className={formStatus.kind === 'skipped' ? 'mb-4' : ''}>
           <form onSubmit={handleSubmit(onSubmit)}>
             <div className="mb-4">
               <ScTextInput
@@ -109,8 +109,8 @@ export const CompanySearchByBarcode = ({searchProductOnly, children}: Props) =>
                 helperText={errors.gtin?.message}
               />
             </div>
-            <div className="flex justify-end gap-2">
-              <Button priority="tertiary no outline" type="button" onClick={onSkip}>
+            <div className="flex justify-end gap-2 items-center">
+              <Button priority="tertiary no outline" type="button" onClick={onSkip} className="text-right">
                 Je ne connais pas le code-barres
               </Button>
               <ButtonWithLoader iconId="ri-search-line" loading={_search.isFetching}>

diff --git a/...ents_feature/reportFlow/Company/CompanySmartIdentification/CompanySmartIdentification.tsx b/...ents_feature/reportFlow/Company/CompanySmartIdentification/CompanySmartIdentification.tsx
@@ -70,7 +70,12 @@ export function CompanySmartIdentification({
           )}
           <div className="flex flex-col items-end gap-2">
             <div className="flex flex-col">
-              <Button onClick={() => setMode('cannotFind')} priority="tertiary no outline" iconId="ri-arrow-right-line">
+              <Button
+                onClick={() => setMode('cannotFind')}
+                priority="tertiary no outline"
+                iconId="ri-arrow-right-line"
+                className="text-left"
+              >
                 {m.cantFindCompany}
               </Button>
               <Button onClick={() => setMode('foreign')} priority="tertiary no outline" iconId="ri-arrow-right-line">

diff --git a/website/src/i18n/localization/fr.ts b/website/src/i18n/localization/fr.ts
@@ -1109,8 +1109,8 @@ export const fr = {
     identifyBy_noneDesc: `Si vous ne parvenez pas à identifier l'entreprise, vous pouvez continuer votre signalement.
     Il ne sera pas transmis à l'entreprise, sauf si cette dernière est française et identifiable par l'équipe de SignalConso.
     Dans tous les cas les enquêteurs de la répression des fraudes en seront informés.`,
-    identifyBy_nameOrIdentity: `Nom ou identifiant SIRET/SIREN de l'entreprise`,
-    identifyBy_nameOrIdentity_ex: `Ex : 83350861700010, boulangerie dupont, ...`,
+    identifyBy_nameOrIdentity: `Nom ou n° SIRET/SIREN`,
+    identifyBy_nameOrIdentity_ex: `Ex : boulangerie dupont, 83350861700010, ...`,
     frenchCompaniesOnly: 'Entreprises françaises uniquement',
     couldYouPrecise: `Pouvez-vous préciser ?`,
     cantIdentifyCompany: `Votre code postal nous servira à rediriger votre signalement vers le bon service.`,
@@ -1166,7 +1166,7 @@ export const fr = {
     governmentCompany: 'Administration publique',
     siretNumber: 'Numéro SIRET',
     cannotReportGovernmentCompany: 'Impossible de signaler une administration publique.',
-    selectCompanyDesc: `Si l'entreprise n'est pas celle recherchée, vous pouvez modifier votre recherche.`,
+    selectCompanyDesc: `S'il n'y a pas celle attendue, vous pouvez modifier votre recherche.`,
     isAFrenchCompany: `Est-ce que l'entreprise est en France ?`,
     noItsForeign: `Non, elle est à l'étranger`,
     companyHowToFindCountry: `Comment retrouver le pays d'une entreprise ?`,

diff --git a/website/tests/example.spec.ts b/website/tests/example.spec.ts
@@ -1,4 +1,4 @@
-import {test, expect} from '@playwright/test'
+import {test} from '@playwright/test'
 
 test('test reports', async ({page}) => {
   await page.goto('http://localhost:3000/fr')
@@ -11,7 +11,7 @@ test('test reports', async ({page}) => {
   await page.getByPlaceholder('Exemple: https://www.site.fr').click()
   await page.getByPlaceholder('Exemple: https://www.site.fr').fill('fnac.com')
   await page.getByPlaceholder('Exemple: https://www.site.fr').press('Enter')
-  await page.getByLabel("Sélectionnez l'entrepriseSi l").locator('label').click()
+  await page.getByLabel("Sélectionnez l'entreprise").locator('label').click()
   await page.getByRole('button', {name: 'Suivant'}).click()
   await page.getByLabel('Description *').click()
   await page.getByLabel('Description *').fill('description')