diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-29 11:47:06 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | 81b1e0e05919eb368a66aef47adcf7738af76f29 (patch) | |
| tree | 758577d3f58d7025f84bca5bac9bc0da8432deb7 /src/pages/recherche | |
| parent | 3272ac336da52364ace5ed76d8f609d4088ffc06 (diff) | |
refactor(components): rewrite Spinner component
* Message should be set as children
* Default message is no longer available (depending on use case, the
consumer might prefer aria-label instead)
* It is now possible to define the message position
Diffstat (limited to 'src/pages/recherche')
| -rw-r--r-- | src/pages/recherche/index.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/pages/recherche/index.tsx b/src/pages/recherche/index.tsx index 971d04a..5acf352 100644 --- a/src/pages/recherche/index.tsx +++ b/src/pages/recherche/index.tsx @@ -151,6 +151,11 @@ const SearchPage: NextPageWithLayout<SearchPageProps> = ({ id: 'N804XO', }); const postsListBaseUrl = `${ROUTES.SEARCH}/page/`; + const loadingResults = intl.formatMessage({ + defaultMessage: 'Loading the search results...', + description: 'SearchPage: loading search results message', + id: 'EeCqAE', + }); return ( <> @@ -211,7 +216,7 @@ const SearchPage: NextPageWithLayout<SearchPageProps> = ({ total={totalArticles ?? 0} /> ) : ( - <Spinner /> + <Spinner>{loadingResults}</Spinner> )} {error ? ( <Notice |