All files / src/components/Manager MiniOrderDisplay.jsx

88.88% Statements 8/9
92.85% Branches 13/14
100% Functions 2/2
88.88% Lines 8/9

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}/>}
    </>;
}