dishplanner/frontend-old/app/components/features/dishes/DishCard.tsx

import {UserType} from "@/types/UserType";
import {DishType} from "@/types/DishType";

interface Props {
    user: UserType,
    dish: DishType,
}

const DishCard = ({ user, dish }: Props) => {
    return (
        <div className="w-full flex py-2 text-xl font-bold text-primary">
            <div className="user-badge flex-none w-16 text-center pr-5">
                { user.name.slice(0, 1) }
            </div>
            <div className="dish-name flex-1">
                { dish ? dish.name : '-' }
            </div>
        </div>
    )
}

export default DishCard