delete unused imports

client/src/components/RandomRecipe.js

@@ -1,5 +1,5 @@
 import { Button } from "@mui/material";
-import React, { useContext, useState } from "react";
+import React, { useContext } from "react";
 import { UserContext } from "./App";
 import Recipe from "./Recipe";
 

client/src/components/Recipe.js

@@ -11,7 +11,6 @@ import CardActions from "@mui/material/CardActions";
 import Collapse from "@mui/material/Collapse";
 import IconButton from "@mui/material/IconButton";
 import Typography from "@mui/material/Typography";
-// import { red } from "@mui/material/colors";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import { Rating } from "@mui/material";
 

client/src/components/RecipeForm.js

@@ -1,4 +1,4 @@
-import { Button } from "@mui/material";
+import { Button, TextField } from "@mui/material";
 import React, { useContext, useState } from "react";
 import { UserContext } from "./App";
 
@@ -96,6 +96,13 @@ function RecipeForm() {
     <div>
       <form onSubmit={handleSubmit}>
         <label>Recipe Name:</label>
+        <TextField
+          variant='outlined'
+          name='title'
+          size='small'
+          value={newRecipe.title}
+          onChange={handleChange}
+        />
         <input
           type='text'
           name='title'

client/src/components/SignUp.js

@@ -2,15 +2,10 @@ import React, { useState, useContext } from "react";
 import { Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 import { UserContext } from "./App";
-import Avatar from "@mui/material/Avatar";
 import CssBaseline from "@mui/material/CssBaseline";
 import TextField from "@mui/material/TextField";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Checkbox from "@mui/material/Checkbox";
-import Link from "@mui/material/Link";
 import Grid from "@mui/material/Grid";
 import Box from "@mui/material/Box";
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
 import Typography from "@mui/material/Typography";
 import Container from "@mui/material/Container";
 import { createTheme, ThemeProvider } from "@mui/material/styles";