web client v0.4 (edit restaurant info)

This commit is contained in:
2020-09-26 15:20:38 +02:00
parent 315c58cc8d
commit 3fdc93ef28
17 changed files with 884 additions and 93 deletions

View File

@@ -14,6 +14,13 @@ import RestaurantMenuIcon from "@material-ui/icons/RestaurantMenu";
import FastfoodIcon from "@material-ui/icons/Fastfood";
import AddIcon from "@material-ui/icons/Add";
import Badge from "@material-ui/core/Badge";
//--------------
import EditRestaurantInfo from "../EditRestaurant/EditRestaurantInfo";
import EditRestaurantLocation from "../EditRestaurant/EditRestaurantLocation";
import EditRestaurantLunch from "../EditRestaurant/EditRestaurantLunch";
import EditRestaurantMenu from "../EditRestaurant/EditRestaurantMenu";
import EditRestaurantPhoto from "../EditRestaurant/EditRestaurantPhoto";
import EditRestaurantSubscription from "../EditRestaurant/EditRestaurantSubscription";
const useStyles = makeStyles((theme) => ({
main: {
@@ -31,7 +38,7 @@ const useStyles = makeStyles((theme) => ({
},
secondary: {
"& .MuiListItemText-secondary": {
color: "#7b7b7b",
color: "#868686",
fontSize: "13px",
},
},
@@ -103,6 +110,7 @@ export default function EditRestaurant(props) {
</Badge>
</ListItemIcon>
<ListItemText
className={classes.secondary}
primary="Subskrypcja"
secondary={badgeData.secondaryText}
/>
@@ -156,36 +164,12 @@ export default function EditRestaurant(props) {
</List>
<Divider />
</div>
{tab === 0 && (
<div className="editRestaurant-tab">
<p>Informacje</p>
</div>
)}
{tab === 1 && (
<div className="editRestaurant-tab">
<p>Subskrypcja</p>
</div>
)}
{tab === 2 && (
<div className="editRestaurant-tab">
<p>Zdjęcie</p>
</div>
)}
{tab === 3 && (
<div className="editRestaurant-tab">
<p>Lokalizacja</p>
</div>
)}
{tab === 4 && (
<div className="editRestaurant-tab">
<p>Menu</p>
</div>
)}
{tab === 5 && (
<div className="editRestaurant-tab">
<p>Lunch menu</p>
</div>
)}
{tab === 0 && <EditRestaurantInfo restaurant={restaurant} />}
{tab === 1 && <EditRestaurantSubscription restaurant={restaurant} />}
{tab === 2 && <EditRestaurantPhoto restaurant={restaurant} />}
{tab === 3 && <EditRestaurantLocation restaurant={restaurant} />}
{tab === 4 && <EditRestaurantMenu restaurant={restaurant} />}
{tab === 5 && <EditRestaurantLunch restaurant={restaurant} />}
</div>
);
}