feat(author): display anonymous author

parti-renaissance · May 6, 2021 · 5b78e50 · 5b78e50
1 parent f50a35b
commit 5b78e50
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 18 deletions.
diff --git a/src/components/AuthorAndSupports/AuthorAndSupports.tsx b/src/components/AuthorAndSupports/AuthorAndSupports.tsx
@@ -15,26 +15,26 @@ const AuthorAndSupports: FunctionComponent<AuthorAndSupportsProps> = ({ cause, s
   const isUserLoggedIn = Boolean(useSelector(isUserLogged));
   const intl = useIntl();
 
-  if (cause.author === undefined || cause.author === null) {
-    return null;
-  }
-
   return (
     <Container>
       {showAuthor === true ? (
         <AuthorContainer>
           <IconAndLabel
             iconSrc="/images/user.svg"
-            label={intl.formatMessage(
-              { id: 'cause.author' },
-              {
-                firstName: cause.author.first_name,
-                lastName:
-                  isUserLoggedIn && cause.author.last_name !== undefined
-                    ? cause.author.last_name
-                    : cause.author.last_name_initial,
-              },
-            )}
+            label={
+              cause.author === undefined || cause.author === null
+                ? intl.formatMessage({ id: 'cause.anonymous-author' })
+                : intl.formatMessage(
+                    { id: 'cause.author' },
+                    {
+                      firstName: cause.author.first_name,
+                      lastName:
+                        isUserLoggedIn && cause.author.last_name !== undefined
+                          ? cause.author.last_name
+                          : cause.author.last_name_initial,
+                    },
+                  )
+            }
           />
         </AuthorContainer>
       ) : null}

diff --git a/src/components/Cause/Cause.tsx b/src/components/Cause/Cause.tsx
@@ -59,8 +59,8 @@ const Cause: FunctionComponent<CauseProps> = ({ cause }: CauseProps) => {
         <StyledContent>
           <CoalitionsDisplay cause={cause} small />
           <CauseName>{cause.name}</CauseName>
-          {cause.author !== undefined && cause.author !== null ? (
-            <Author>
+          <Author>
+            {cause.author !== undefined && cause.author !== null ? (
               <FormattedMessage
                 id="cause.author"
                 values={{
@@ -71,8 +71,10 @@ const Cause: FunctionComponent<CauseProps> = ({ cause }: CauseProps) => {
                       : cause.author.last_name_initial,
                 }}
               />
-            </Author>
-          ) : null}
+            ) : (
+              <FormattedMessage id="cause.anonymous-author" />
+            )}
+          </Author>
           <AuthorAndSupports cause={cause} />
           <ButtonContainer>
             {Boolean(cause.supported) || (

diff --git a/src/translations/fr.json b/src/translations/fr.json
@@ -100,6 +100,7 @@
   },
   "cause": {
     "author": "Par {firstName} {lastName}",
+    "anonymous-author": "Auteur Anonyme",
     "support": "{supportsNumber} soutien",
     "supports": "{supportsNumber} soutiens",
     "support-button": "Soutenir",