From dfcfabf21498fd9f55aa1091b582abb14f69d206 Mon Sep 17 00:00:00 2001 From: Benjamin Arias Date: Thu, 26 Jan 2023 13:29:26 +0100 Subject: [PATCH] =?UTF-8?q?Am=C3=A9liore=20la=20section=20recherche=20sur?= =?UTF-8?q?=20Landing=20(#2472)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: Améliore intitulés recherche * feat: Modifie le bloc aucune entreprise * feat: Améliore le message * feat: Petite amélioration UX * fix: aria-label --- .../source/components/company/SearchField.tsx | 42 +++++++++++-- site/source/pages/Landing/SearchOrCreate.tsx | 59 +++++++++++++------ 2 files changed, 78 insertions(+), 23 deletions(-) diff --git a/site/source/components/company/SearchField.tsx b/site/source/components/company/SearchField.tsx index f75ef9051..276192315 100644 --- a/site/source/components/company/SearchField.tsx +++ b/site/source/components/company/SearchField.tsx @@ -1,15 +1,17 @@ import { useSearchFieldState } from '@react-stately/searchfield' import { ReactNode, useEffect, useRef } from 'react' -import { useTranslation } from 'react-i18next' +import { Trans, useTranslation } from 'react-i18next' import styled from 'styled-components' import { FabriqueSocialEntreprise } from '@/api/fabrique-social' import { ForceThemeProvider, ThemeType } from '@/contexts/DarkModeContext' import { Message } from '@/design-system' import { Card } from '@/design-system/card' +import { Emoji } from '@/design-system/emoji' import { SearchField } from '@/design-system/field' import { Grid } from '@/design-system/layout' import { Strong } from '@/design-system/typography' +import { StyledLink } from '@/design-system/typography/link' import { Body } from '@/design-system/typography/paragraphs' import useSearchCompany from '@/hooks/useSearchCompany' @@ -91,15 +93,47 @@ function Results({ results: Array onSubmit?: (établissement: FabriqueSocialEntreprise) => void }) { + const { t } = useTranslation() + return !results.length ? ( - Aucune entreprise correspondante trouvée + + + Nous n’avons pas trouvé de résultat pour cette entreprise. + + - Vous pouvez réessayer avec votre SIREN ou votre SIRET pour un meilleur - résultat + + Vous pouvez réessayer avec votre SIREN ou votre SIRET pour un + meilleur résultat. + + + + + Si votre entreprise n'apparait pas en utilisant votre SIREN/SIRET, + il se peut que vous ayez opté pour que{' '} + + les informations de votre entreprise ne soient pas rendues + publiques + + , auquel cas elle n'apparaitra pas dans les résultats de recherche. + Vous pouvez le vérifier sur{' '} + + l'annuaire des entreprises + + . + + Si tel est le cas, pas d'inquiétude, vous pouvez tout de même + consulter et utiliser nos simulateurs ci-dessous.{' '} + + + diff --git a/site/source/pages/Landing/SearchOrCreate.tsx b/site/source/pages/Landing/SearchOrCreate.tsx index 44547cce3..51aefec72 100644 --- a/site/source/pages/Landing/SearchOrCreate.tsx +++ b/site/source/pages/Landing/SearchOrCreate.tsx @@ -18,6 +18,7 @@ import { Emoji } from '@/design-system/emoji' import { Grid, Spacing } from '@/design-system/layout' import PopoverConfirm from '@/design-system/popover/PopoverConfirm' import { H3 } from '@/design-system/typography/heading' +import { Body } from '@/design-system/typography/paragraphs' import { useSetEntreprise } from '@/hooks/useSetEntreprise' import { RootState } from '@/reducers/rootReducer' import { useSitePaths } from '@/sitePaths' @@ -79,30 +80,50 @@ export default function SearchOrCreate() {

Rechercher votre entreprise{' '}

+ + Pour accéder à nos simulateurs les plus pertinents pour votre + activité + - - + + + + + + + + )}