Fixes

src/components/Dialogs/EditDish.js

@@ -315,7 +315,6 @@ export default function EditDish() {
                   className={styles.textInput}
                   label="Indeks glikemiczny"
                   placeholder="np. 70"
-                  type="number"
                   value={state.glicemicIndex}
                   variant="outlined"
                   onChange={(event) =>

src/components/Dialogs/NewDish.js

@@ -310,7 +310,6 @@ export default function NewRestaurant() {
               <TextField
                 className={styles.textInput}
                 label="Porcja"
-                type="number"
                 placeholder="np. 150g"
                 value={state.weight}
                 variant="outlined"
@@ -329,7 +328,6 @@ export default function NewRestaurant() {
                 className={styles.textInput}
                 label="Indeks glikemiczny"
                 placeholder="np. 70"
-                type="number"
                 value={state.glicemicIndex}
                 variant="outlined"
                 onChange={(event) =>

src/components/Output/Restaurant.js

@@ -18,12 +18,10 @@ export default function Restaurant(props) {
   const showDishList = useSelector((state) => state.data.showDishList);
 
   useEffect(() => {
-    if (restaurant._id !== id) {
       dispatch(fetchRestaurant(id));
-    } else {
-      document.title = restaurant.name;
-    }
-  });
+  }, [dispatch, id]);
+
+  if (restaurant.name) document.title = restaurant.name;
 
   return (
     <div className="restaurant-container">
@@ -74,7 +72,7 @@ export default function Restaurant(props) {
             <h3>Lunch menu ({restaurant.lunchHours})</h3>
           )}
           {!showDishList && <CircularProgress />}
-          {showDishList && <LunchMenu restaurant={restaurant} />}
+          {(showDishList && restaurant.lunchMenu) && <LunchMenu restaurant={restaurant} />}
           <h3>Menu</h3>
           {!showDishList && <CircularProgress />}
           {showDishList && <DishList />}

src/styles/Dish.scss

@@ -24,6 +24,7 @@
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   background-size: cover;
+  background-position: center;
   text-align: left;
 }
 

src/styles/DishList.scss

@@ -8,17 +8,17 @@ h4 {
 
 .carddish-container {
   background-color: #303030;
-  border-radius: 6px;
+  border-radius: 12px;
   margin: 2px auto 2px auto;
   padding: 8px;
   display: flex;
   justify-content: space-between;
   width: 95%;
   cursor: pointer;
-  transition: all 0.25s;
+  transition: all 0.2s;
 
   h2 {
-    font-weight: 300;
+    font-weight: 500;
     color: $main-color;
     margin-top: 1rem;
   }
@@ -30,20 +30,22 @@ h4 {
 .carddish-img {
   background-color: $secondary-color;
   background-size: cover;
+  background-position: center;
   width: 120px;
   height: 120px;
-  border-radius: 6px;
+  border-radius: 12px;
   margin: 0px 14px 0px 0px;
 }
 
 .carddish-left {
   display: flex;
   h2 {
-    font-size: 1.2rem;
+    font-size: 1rem;
     margin: auto;
   }
   p {
     margin-left: auto;
+    color: $gray;
   }
 }
 

src/styles/Pictograms.scss

@@ -1,6 +1,6 @@
 .pictograms-container {
   height: 30px;
-  margin: 8px 8px 0px 0px;
+  margin: 0px 8px 8px 0px;
 }
 
 .pictograms-container-separated {