Merge pull request #120 from Psychedelic/fix/empty-apps-styling

Fix/empty apps styling
Psychedelic · Jul 21, 2021 · deb87c8 · deb87c8
2 parents c54a918 + c77af96
commit deb87c8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/source/components/Apps/index.jsx b/source/components/Apps/index.jsx
@@ -30,7 +30,8 @@ const Apps = () => {
     return (
       <div className={classes.emptyState}>
         <img src={ThinkingEmoji} className={classes.image} />
-        <Typography variant="h4">{t('apps.emptyTitle')}</Typography>
+        <Typography className={classes.emptyTitle} variant="h4">{t('apps.emptyTitle')}</Typography>
+        <Typography className={classes.emptyText} variant="subtitle2">{t('apps.emptyText')}</Typography>
       </div>
     );
   }

diff --git a/source/components/Apps/styles.js b/source/components/Apps/styles.js
@@ -23,7 +23,6 @@ export default makeStyles((theme) => ({
     alignItems: 'center',
     justifyContent: 'space-between',
     padding: `${theme.spacing(1)}px ${theme.spacing(4)}px`,
-    height: 110,
     textAlign: 'center',
     whiteSpace: 'pre-line',
   },
@@ -39,4 +38,10 @@ export default makeStyles((theme) => ({
       opacity: 0.9,
     },
   },
+  emptyText: {
+    marginTop: 10,
+  },
+  emptyTitle: {
+    marginTop: 10,
+  },
 }));
diff --git a/source/locales/en/translation.json b/source/locales/en/translation.json
@@ -69,8 +69,8 @@
     "subtitle": "Main IC Wallet is connected to these sites.",
     "disconnectTitle": "Disconnect from Site",
     "disconnectText": "Are you sure you want to disconnect from",
-    "emptyTitle": "You aren’t connected to any apps yet.",
-    "emptyText": "Explore a list of all apps that use Plug and find your first in",
+    "emptyTitle": "You have no apps connected.",
+    "emptyText": "When you connect to an app they will be displayed here, with the ability to remove them.",
     "emptyLink": "our docs.",
     "comingSoonTitle": "Coming soon!",
     "comingSoonSubtitle": "Plug will allow you to connect\nand log into IC Apps."