fix(Tests): Fixed broken link tests

Author: heystevegray

components/list/ListItem.tsx

@@ -1,20 +1,16 @@
 import Image from '../Image';
 import {
     ListItem as MUIListItem,
-    Divider,
     ListItemAvatar,
     Avatar,
     ListItemText,
     Grid,
-    Hidden,
-    ListItemSecondaryAction,
     Typography,
     makeStyles,
     createStyles,
     Theme,
 } from '@material-ui/core';
 import Link from '../link/Link';
-import { Maybe } from 'graphql/jsutils/Maybe';
 import { Image as ImageType } from '../../pages/index';
 
 const useStyles = makeStyles((theme: Theme) =>
@@ -45,7 +41,7 @@ export default function ListItem({ name, image, link }: Props) {
     const classes = useStyles();
     return (
         <MUIListItem divider>
-            <Grid container>
+            <Grid container alignItems="center">
                 <ListItemAvatar>
                     <Avatar alt={name} className={classes.avatar}>
                         {/* NextJS Image optimization example. Props are src(any file under the public dir), width, and height */}
@@ -55,16 +51,9 @@ export default function ListItem({ name, image, link }: Props) {
                 <ListItemText>
                     <Typography variant="body1">{name}</Typography>
                 </ListItemText>
-                <Hidden smDown>
-                    <ListItemSecondaryAction className={classes.info}>
-                        <Link href={link.href} as={link?.as} label={link.label} />
-                    </ListItemSecondaryAction>
-                </Hidden>
-                <Hidden mdUp>
-                    <Grid container item xs={12} className={classes.info} justify="flex-end">
-                        <Link href={link.href} as={link?.as} label={link.label} />
-                    </Grid>
-                </Hidden>
+                <Grid container item xs={12} md={3} className={classes.info} justify="flex-end" alignItems="center">
+                    <Link href={link.href} as={link?.as} label={link.label} />
+                </Grid>
             </Grid>
         </MUIListItem>
     );

pages/index.tsx

@@ -1,5 +1,5 @@
 import { GetServerSideProps } from 'next';
-import { makeStyles, createStyles, Typography, Theme, Paper, List, Grid } from '@material-ui/core';
+import { makeStyles, createStyles, Typography, Theme, List, Grid } from '@material-ui/core';
 import Layout from '../components/layout';
 import ListItem, { Link } from '../components/list/ListItem';