diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-02 18:07:34 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | b52b8183ce299b5a2d3c3b2f4f8cb94bb443d746 (patch) | |
| tree | 2ec276a4ebd5d39b891ff8fe8d8bf45c478fb97e /src/pages | |
| parent | 6221fa82e41915702d8139cade5c25e9d61e619f (diff) | |
refactor(components): rewrite Notice component
* Rename message prop to children prop and set ReactNode as type
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blog/index.tsx | 5 | ||||
| -rw-r--r-- | src/pages/contact.tsx | 8 | ||||
| -rw-r--r-- | src/pages/recherche/index.tsx | 5 |
3 files changed, 9 insertions, 9 deletions
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx index 7f6c540..7eef2f0 100644 --- a/src/pages/blog/index.tsx +++ b/src/pages/blog/index.tsx @@ -196,12 +196,13 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({ <Notice // eslint-disable-next-line react/jsx-no-literals -- Kind allowed kind="error" - message={intl.formatMessage({ + > + {intl.formatMessage({ defaultMessage: 'Failed to load.', description: 'BlogPage: failed to load text', id: 'C/XGkH', })} - /> + </Notice> ) : null} </PageLayout> </> diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx index d187a93..679896c 100644 --- a/src/pages/contact.tsx +++ b/src/pages/contact.tsx @@ -158,11 +158,9 @@ const ContactPage: NextPageWithLayout = () => { sendMail={submitMail} Notice={ statusMessage ? ( - <Notice - kind={statusKind} - message={statusMessage} - className={styles.notice} - /> + <Notice className={styles.notice} kind={statusKind}> + {statusMessage} + </Notice> ) : undefined } /> diff --git a/src/pages/recherche/index.tsx b/src/pages/recherche/index.tsx index 5acf352..54244b1 100644 --- a/src/pages/recherche/index.tsx +++ b/src/pages/recherche/index.tsx @@ -222,12 +222,13 @@ const SearchPage: NextPageWithLayout<SearchPageProps> = ({ <Notice // eslint-disable-next-line react/jsx-no-literals -- Kind allowed kind="error" - message={intl.formatMessage({ + > + {intl.formatMessage({ defaultMessage: 'Failed to load.', description: 'SearchPage: failed to load text', id: 'fOe8rH', })} - /> + </Notice> ) : null} </PageLayout> </> |