web client v0.8

src/components/EditRestaurant/EditRestaurantMenu.js

@@ -7,6 +7,8 @@ import ButtonSecondary from "../Input/ButtonSecondary";
 import TextField from "@material-ui/core/TextField";
 import AddIcon from "@material-ui/icons/Add";
 import { makeStyles } from "@material-ui/core/styles";
+import InputAdornment from "@material-ui/core/InputAdornment";
+import TextFieldsIcon from "@material-ui/icons/TextFields";
 import validator from "validator";
 import LunchMenu from "./LunchMenu";
 import axios from "axios";
@@ -27,6 +29,7 @@ const useStyles = makeStyles((theme) => ({
   textInputFullWidth: {
     marginTop: theme.spacing(2),
     marginBottom: theme.spacing(2),
+    marginLeft: theme.spacing(2),
     flexGrow: 5,
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
@@ -109,6 +112,7 @@ export default function EditRestaurantMenu(props) {
       </div>
       <EditCategoriesList
         restaurantId={props.restaurant._id}
+        lunchMenu={props.restaurant.lunchMenu}
         categories={categories}
         deleteCategory={removeCategory}
       />
@@ -125,6 +129,13 @@ export default function EditRestaurantMenu(props) {
             onChange={(event) => setNewCategory(event.target.value)}
             label="Nazwa kategorii"
             variant="outlined"
+            InputProps={{
+              startAdornment: (
+                <InputAdornment position="start">
+                  <TextFieldsIcon color="primary" />
+                </InputAdornment>
+              ),
+            }}
           ></TextField>
           <ButtonSecondary onClick={addCategory} text="Dodaj" />
         </div>
@@ -133,7 +144,7 @@ export default function EditRestaurantMenu(props) {
         <h4>Lunch menu</h4>
         <Divider />
       </div>
-      <LunchMenu lunchMenu={lunchMenu} />
+      <LunchMenu restaurantId={props.restaurant._id} lunchMenu={lunchMenu} />
     </div>
   );
 }