Merge pull request forbole#282 from forbole/hotfix/desmos-profile

hotfix: desmos profiles
artifactstaking · Sep 3, 2021 · a45bc25 · a45bc25
2 parents 2eb5be5 + 9c24f96
commit a45bc25
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+# base-v1.0.9 - 2021-09-03
+
+## Bug fixes
+- Fixed desmos profile edge case display
+
 # base-v1.0.8 - 2021-09-03
 
 ## Changes

diff --git a/src/components/desmos_profile/index.tsx b/src/components/desmos_profile/index.tsx
@@ -23,6 +23,8 @@ const DesmosProfile: React.FC<{
     handleConnectionsOpen,
   } = useDesmosProfile();
 
+  const displayConnections = props.connections.length ? '' : 'hide';
+
   return (
     <>
       <Box className={classnames(props.className, classes.root)}>
@@ -36,20 +38,16 @@ const DesmosProfile: React.FC<{
             imageUrl={props.imageUrl}
             className={classes.avatar}
           />
-          {
-            !!props.connections.length && (
-            <Typography
-              variant="body1"
-              className={classes.link}
-              onClick={handleConnectionsOpen}
-              role="button"
-            >
-              {t('connections', {
-                connections: numeral(props.connections.length).format('0,0'),
-              })}
-            </Typography>
-            )
-          }
+          <Typography
+            variant="body1"
+            className={classnames(classes.link, displayConnections)}
+            onClick={handleConnectionsOpen}
+            role="button"
+          >
+            {t('connections', {
+              connections: numeral(props.connections.length).format('0,0'),
+            })}
+          </Typography>
         </div>
         <div className={classes.nicknameWrapper}>
           <Typography variant="h2">

diff --git a/src/components/desmos_profile/styles.ts b/src/components/desmos_profile/styles.ts
@@ -37,6 +37,9 @@ export const useStyles = (coverUrl?: string) => {
           alignItems: 'center',
           justifyContent: 'flex-end',
           padding: theme.spacing(1.5, 0),
+          '& .hide': {
+            visibility: 'hidden',
+          },
           [theme.breakpoints.up('md')]: {
             paddingBottom: theme.spacing(2),
           },