use react Conditional Rendering

Seneca-CDOT · Oct 21, 2021 · 1b32de0 · 1b32de0
1 parent c4ed6c8
commit 1b32de0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/web/src/components/Posts/GitHubInfo.tsx b/src/web/src/components/Posts/GitHubInfo.tsx
@@ -97,9 +97,9 @@ const GitHubInfo = ({ ghUrls }: Props) => {
   return (
     <ListSubheader className={classes.root}>
       <div className={classes.GitHubInfoContainer}>
-        {repos.length > 0 && <Repos repoUrls={repos} />}
-        {issues.length > 0 && <Issues issueUrls={issues} />}
-        {pullRequests.length > 0 && <PullRequests prUrls={pullRequests} />}
+        {!!repos.length && <Repos repoUrls={repos} />}
+        {!!issues.length && <Issues issueUrls={issues} />}
+        {!!pullRequests.length && <PullRequests prUrls={pullRequests} />}
       </div>
     </ListSubheader>
   );

diff --git a/src/web/src/components/Posts/Post.tsx b/src/web/src/components/Posts/Post.tsx
@@ -337,7 +337,7 @@ const PostComponent = ({ postUrl }: Props) => {
             postDate={formatPublishedDate(post.updated)}
             blogUrl={post.feed.link}
           />
-          {extractedGitHubUrls.length ? <GitHubInfo ghUrls={extractedGitHubUrls} /> : null}
+          {!!extractedGitHubUrls.length && <GitHubInfo ghUrls={extractedGitHubUrls} />}
         </ListSubheader>
       )}
       <div className={classes.content}>