Merge pull request #14 from aquiladev/deferred-load

Deferred load (updates)
aquiladev · Jul 12, 2021 · 63b425d · 63b425d
2 parents 9810635 + 73f64d9
commit 63b425d
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 13 deletions.
diff --git a/src/components/DomainList.js b/src/components/DomainList.js
@@ -17,9 +17,6 @@ import DomainInfo from './DomainInfo';
 import DomainEventsTable from './DomainEventsTable';
 
 const useStyles = makeStyles((theme) => ({
-  header: {
-    paddingTop: 30
-  },
   backdrop: {
     zIndex: theme.zIndex.drawer + 1,
     color: '#fff',
@@ -85,8 +82,8 @@ const DomainList = ({ chainId, isFetching, domains, onEventsLoad, onDomainSelect
                 domain.loading
                   ? <CircularProgress size={18} thickness={5} />
                   : <ExpandMoreIcon />
-              }>
-                <Typography className={classes.heading}>{domain.name}</Typography>
+                }>
+                <Typography noWrap>{domain.name}</Typography>
               </AccordionSummary>
               <AccordionDetails>
                 {domainTab && domainTab.startsWith(domain.id) &&

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
+import Typography from '@material-ui/core/Typography';
 import Link from '@material-ui/core/Link';
 import IconButton from '@material-ui/core/IconButton';
 import GitHubIcon from '@material-ui/icons/GitHub';
@@ -11,6 +12,9 @@ const useStyles = makeStyles(() => ({
     alignItems: 'center',
     background: 'transparent',
     boxShadow: 'none'
+  },
+  info: {
+    marginTop: 20
   }
 }));
 
@@ -19,10 +23,16 @@ export default function Footer() {
 
   return (
     <AppBar position='static' className={classes.footer}>
+      <Typography color='textSecondary' variant='subtitle2' className={classes.info}>
+        This is open source project. It uses Ethereum blockchain as a datasource. It does not collect any user's data nor analytics.
+      </Typography>
+      <Typography color='textSecondary' variant='subtitle2'>
+        The best ways to leave a feedback are star the project or create an issue on <Link href='//github.com/aquiladev/web3-domain-manager' target='_blank' rel='noopener'>GitHub</Link>.
+      </Typography>
       <Toolbar>
         <Link href='//github.com/aquiladev/web3-domain-manager' target='_blank' rel='noopener'>
           <IconButton color='default' aria-label='GitHub repo' component='span'>
-            <GitHubIcon fontSize='large' />
+            <GitHubIcon fontSize='default' />
           </IconButton>
         </Link>
       </Toolbar>

diff --git a/src/components/GlobalStyle.js b/src/components/GlobalStyle.js
@@ -11,22 +11,25 @@ const GlobalStyle = createGlobalStyle`
     margin: 0px;
     padding: 0px;
   }
-  #root {
-    height: 100%;
-  }
-  .MuiFormControl-root,
-  .MuiInputBase-root {
-    width: 100% !important;
-  }
   @font-face {
     font-family: 'Averta';
     src: local('Averta'), local('Averta Bold'),
     url(${avertaFont}) format('woff2'),
     url(${avertaBoldFont}) format('woff');
   }
+  #root {
+    height: 100%;
+  }
   #records-form .MuiFilledInput-input {
     padding-top: 13px;
   }
+  .MuiFormControl-root,
+  .MuiInputBase-root {
+    width: 100% !important;
+  }
+  .MuiAccordionSummary-content {
+    overflow: auto;
+  }
 `;
 
 export default GlobalStyle;