Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 6x 6x 6x 6x 5x 4x 1x 1x | import React from "react";
import BurgerDisplay from "../Burger/BurgerDisplay";
import SideDisplay from "../Sides/SideDisplay";
import DrinkDisplay from "../Drinks/DrinkDisplay";
import {menuMap} from "../../menuItems";
export default function MiniOrderDisplay({burger, drink, side}) {
const isBurger = burger && burger.length > 0;
const isSide = !!side;
const isDrink = drink !== null;
return <>
{isBurger && <BurgerDisplay
imagePaths={burger.map((ingredient) => {
if (typeof ingredient === "string") {
return menuMap.Burger[ingredient]?.sideImage ?? "";
} else Eif (ingredient.sideImage) {
return ingredient.sideImage;
}
return "";
})}
/>}
{isDrink && <DrinkDisplay
color={drink.color}
fillPercentage={drink.fill}
cupSize={drink.size}
mini={false}
cupPosition={0}
/>}
{isSide && <SideDisplay tableState={side.table_state} manager={true}/>}
</>;
}
|