import React from 'react' ; import { WithStyles , withStyles } from '@material-ui/core/styles' ; import Grid from '@material-ui/core/Grid' ; import Typography from '@material-ui/core/Typography' ; import Link from '@material-ui/core/Link' ; import styles from '../styles/footer.style' ; interface Props extends WithStyles < typeof styles > { } const Footer = ( { classes } ) => { const navigateToList = ( ) => { return chrome . tabs . update ( { url : 'index.html#list' } ) ; } ; return ( < div className = { classes . main } > < Grid container wrap = "nowrap" spacing = { 1 } > < Grid item > < i className = "material-icons md-24" > folder < /i> < /Grid> < Grid item xs zeroMinWidth > < Link onClick = { navigateToList } > < Typography variant = "subtitle1" className = { classes . title } > View list of websites < /Typography> < /Link> < /Grid> < Grid item className = { classes . trailing } > < a href = "https://unstoppabledomains.com" target = "blank" > < i className = "material-icons md-24" > home < /i> < /a> < /Grid> < /Grid> < /div>); } ; export default withStyles ( styles ) ( Footer ) ;