Last commit

frontend/src/components/StickyFooter.js

@@ -1,17 +1,18 @@
 import React from 'react';
-import CssBaseline from '@material-ui/core/CssBaseline';
 import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import Container from '@material-ui/core/Container';
 import Link from '@material-ui/core/Link';
 
 function Copyright() {
+    const classes = useStyles();
+
     return (
-        <Typography variant="body2" color="textSecondary">
+        <Typography className={classes.text} variant="body2" color="textSecondary">
             {'Copyright © '}
             <Link color="inherit" href="https://github.com/yoBoyio/IMDb-clone">
-                Imdb-Clone
-      </Link>{''}
+                IeeMDB
+      </Link>{' '}
             {new Date().getFullYear()}
             {'.'}
         </Typography>
@@ -29,11 +30,14 @@ const useStyles = makeStyles((theme) => ({
         marginBottom: theme.spacing(2),
     },
     footer: {
-        padding: theme.spacing(3, 2),
+        padding: theme.spacing(1, 2),
         marginTop: 'auto',
         backgroundColor: '#2b2b2a',
-
     },
+    text: {
+        color: '#fff'
+
+    }
 }));
 
 export default function StickyFooter() {
@@ -42,8 +46,7 @@ export default function StickyFooter() {
     return (
 
         <footer className={classes.footer}>
-            <Container maxWidth="sm">
-                <Typography variant="body1">My sticky footer can be found here.</Typography>
+            <Container className={classes.text} maxWidth="sm">
                 <Copyright />
             </Container>
         </footer>

frontend/src/components/genres/genres.js

@@ -1,9 +1,8 @@
 import { Chip } from "@material-ui/core";
-import axios from "axios";
 import { useEffect } from "react";
 import { makeStyles } from "@material-ui/core/styles";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(() => ({
   root: {
     color: "white",
     background: "#9d50bb",
@@ -35,7 +34,6 @@ const Genres = ({
     return () => {
       setGenres({}); // unmounting
     };
-    // eslint-disable-next-line
   }, []);
 
   return (

frontend/src/components/likeDislike/MakeComment.js

@@ -88,7 +88,6 @@ function MakeComment(props) {
 
     return (
         <>
-            {console.log(comment)}
             <div className={classes.modal}>
 
                 <div className={classes.paper}>

frontend/src/components/likeDislike/ShowComments.js

@@ -1,17 +1,14 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
-import { Link } from 'react-router-dom';
-import Spinner from '../../layout/Spinner';
 import { FetchComments, CommentLoading } from '../../redux/actions/authActions';
 
 //material UI
-import { withStyles,makeStyles } from '@material-ui/core/styles';
+import { withStyles } from '@material-ui/core/styles';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import Divider from '@material-ui/core/Divider';
 import ListItemText from '@material-ui/core/ListItemText';
 import ListItemAvatar from '@material-ui/core/ListItemAvatar';
-import Avatar from '@material-ui/core/Avatar';
 import Typography from '@material-ui/core/Typography';
 import Card from '@material-ui/core/Card';
 import LinearProgress from "@material-ui/core/LinearProgress";
@@ -81,7 +78,6 @@ barCover: {
     borderRadius: 5,
     width: 80,
     background: "linear-gradient(45deg, #9d50bb 30%, #6e48aa 90%)",
-    // boxShadow: '0 3px 5px 2px rgba(255	, 175, 189, .2)'
   },
 });
 export class ShowComments extends Component {
@@ -140,7 +136,6 @@ export class ShowComments extends Component {
                         className={classes.inline}
                       >
                         {comment.CommentContent}
-                         {/* Testing Comments - Real Comments Unavailable for now! */}
                       </Typography>}
                          />
                  </ListItem>