diff --git a/src/Dish/action.js b/src/Dish/action.js
index 0a8aefb..431eba9 100644
--- a/src/Dish/action.js
+++ b/src/Dish/action.js
@@ -38,25 +38,6 @@ export function dishGetAll() {
   };
 }
 
-// export function menuGetByUserId(userId) {
-//   const id = userId;
-//   return async (dispatch, getState) => {
-//     try {
-//       const responseData = await instance.get(`/menus/${id}`);
-
-//       console.log("menuGetByUserId responseData: ", responseData.data.menus);
-
-//       responseData.data.menus.map(menuData => {
-//         console.log("DISPATCH MENUDATA: ", menuData);
-//         dispatch(menuAllByUser(menuData));
-//       });
-//       // dispatch(menuAllByUser(responseData.data.menus));
-//     } catch (error) {
-//       throw error;
-//     }
-//   };
-// }
-
 function dishGetAllSuccess(respData) {
   console.log("dishGetAllSuccess respData======>: ", respData);
   return {
diff --git a/src/axios.js b/src/axios.js
index eed8c5a..1df0ce3 100644
--- a/src/axios.js
+++ b/src/axios.js
@@ -1,6 +1,6 @@
 import axios from "axios";
 
 const instance = axios.create({
-  baseURL: "http://localhost:5000"
+  baseURL: "https://book-a-cook-server.herokuapp.com/"
 });
 export default instance;
diff --git a/src/components/Album.js b/src/components/Album.js
index 9e2262b..3774062 100644
--- a/src/components/Album.js
+++ b/src/components/Album.js
@@ -1,63 +1,63 @@
-import React from 'react';
-// import AppBar from '@material-ui/core/AppBar';
-import Button from '@material-ui/core/Button';
-// import CameraIcon from '@material-ui/icons/PhotoCamera';
-import Card from '@material-ui/core/Card';
-import CardActions from '@material-ui/core/CardActions';
-import CardContent from '@material-ui/core/CardContent';
-import CardMedia from '@material-ui/core/CardMedia';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import Grid from '@material-ui/core/Grid';
-// import Toolbar from '@material-ui/core/Toolbar';
-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';
+import React from "react";
+
+import Button from "@material-ui/core/Button";
+
+import Card from "@material-ui/core/Card";
+import CardActions from "@material-ui/core/CardActions";
+import CardContent from "@material-ui/core/CardContent";
+import CardMedia from "@material-ui/core/CardMedia";
+import CssBaseline from "@material-ui/core/CssBaseline";
+import Grid from "@material-ui/core/Grid";
+
+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";
 import TextField from "@material-ui/core/TextField";
 
 function Copyright() {
   return (
     <Typography variant="body2" color="textSecondary" align="center">
-      {'Copyright © '}
+      {"Copyright © "}
       <Link color="inherit" href="https://material-ui.com/">
         Your Website
-      </Link>{' '}
+      </Link>{" "}
       {new Date().getFullYear()}
-      {'.'}
+      {"."}
     </Typography>
   );
 }
 
 const useStyles = makeStyles(theme => ({
   icon: {
-    marginRight: theme.spacing(2),
+    marginRight: theme.spacing(2)
   },
   heroContent: {
     backgroundColor: theme.palette.background.paper,
-    padding: theme.spacing(8, 0, 6),
+    padding: theme.spacing(8, 0, 6)
   },
   heroButtons: {
-    marginTop: theme.spacing(4),
+    marginTop: theme.spacing(4)
   },
   cardGrid: {
     paddingTop: theme.spacing(8),
-    paddingBottom: theme.spacing(8),
+    paddingBottom: theme.spacing(8)
   },
   card: {
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'column',
+    height: "100%",
+    display: "flex",
+    flexDirection: "column"
   },
   cardMedia: {
-    paddingTop: '56.25%', // 16:9
+    paddingTop: "56.25%"
   },
   cardContent: {
-    flexGrow: 1,
+    flexGrow: 1
   },
   footer: {
     backgroundColor: theme.palette.background.paper,
-    padding: theme.spacing(6),
-  },
+    padding: theme.spacing(6)
+  }
 }));
 
 const cards = [1, 2, 3, 4, 5, 6, 7, 8, 9];
@@ -69,42 +69,34 @@ export default function Album() {
     <React.Fragment>
       <CssBaseline />
       <main>
-        {/* Hero unit */}
         <div className={classes.heroContent}>
           <Container maxWidth="sm">
-            <Typography component="h1" variant="h4" align="center" color="textPrimary" gutterBottom>
+            <Typography
+              component="h1"
+              variant="h4"
+              align="center"
+              color="textPrimary"
+              gutterBottom
+            >
               Find the best cooks in your area
             </Typography>
-            {/* Search Input */}
             <TextField
-          name="searchText"
-          floatingLabelText="Search For Images"
-        //   value={this.state.searchText} //directly connecting the value from our state
-        //   onChange={this.handleOnChange} //calls a function to handle changes in the TextField
-          fullWidth={true}
-        />
-            <Typography variant="h6" align="center" color="textSecondary" paragraph>
-              Let a cook prepare the food while you take care of something more important... 
-              spending time with your family and friends.
+              name="searchText"
+              floatingLabelText="Search For Images"
+              fullWidth={true}
+            />
+            <Typography
+              variant="h6"
+              align="center"
+              color="textSecondary"
+              paragraph
+            >
+              Let a cook prepare the food while you take care of something more
+              important... spending time with your family and friends.
             </Typography>
-            {/* <div className={classes.heroButtons}>
-              <Grid container spacing={2} justify="center">
-                <Grid item>
-                  <Button variant="contained" color="primary">
-                    Main call to action
-                  </Button>
-                </Grid>
-                <Grid item>
-                  <Button variant="outlined" color="primary">
-                    Secondary action
-                  </Button>
-                </Grid>
-              </Grid>
-            </div> */}
           </Container>
         </div>
         <Container className={classes.cardGrid} maxWidth="md">
-          {/* End hero unit */}
           <Grid container spacing={4}>
             {cards.map(card => (
               <Grid item key={card} xs={12} sm={6} md={4}>
@@ -119,7 +111,8 @@ export default function Album() {
                       Heading
                     </Typography>
                     <Typography>
-                      This is a media card. You can use this section to describe the content.
+                      This is a media card. You can use this section to describe
+                      the content.
                     </Typography>
                   </CardContent>
                   <CardActions>
@@ -136,12 +129,17 @@ export default function Album() {
           </Grid>
         </Container>
       </main>
-        {/* Footer */}
-    <footer className={classes.footer}>
+      {/* Footer */}
+      <footer className={classes.footer}>
         <Typography variant="h6" align="center" gutterBottom>
           Footer
         </Typography>
-        <Typography variant="subtitle1" align="center" color="textSecondary" component="p">
+        <Typography
+          variant="subtitle1"
+          align="center"
+          color="textSecondary"
+          component="p"
+        >
           Something here to give the footer a purpose!
         </Typography>
         <Copyright />
@@ -149,4 +147,4 @@ export default function Album() {
       {/* End footer */}
     </React.Fragment>
   );
-}
\ No newline at end of file
+}