Melhorar o código da tela cozinha, é necessário componentizar, faça igual é feito na tela de /Cardapio, esse código evita a repetição de código, foi criado um componente chamado CardapioCard e dentro dele possui um conjunto grande códigos:
{item.nome}
{item.descricao}
R${item.valor.toFixed(2)}
{quantidade > 0 ? (
{quantidade}
) : (
)}
Em vez de chamar todo esse código acima varias vezes, é chamado apenas assim quantas vezes forem necessária:
Melhorar o código da tela cozinha, é necessário componentizar, faça igual é feito na tela de /Cardapio, esse código evita a repetição de código, foi criado um componente chamado CardapioCard e dentro dele possui um conjunto grande códigos:
{item.nome}
{item.descricao}
Em vez de chamar todo esse código acima varias vezes, é chamado apenas assim quantas vezes forem necessária:
<CardapioCard key={item.id} item={item} quantidade={itensSelecionados.find((selecionado) => selecionado.id === item.id)?.quantidade || 0} onIncrementar={() => handleIncrementar(item.id, item.valor)} onDecrementar={() => handleDecrementar(item.id)} />
Esse conjunto de código está se repetindo muitas vezes, acho que dá pra componentizar igual foi feito com o CardapioCard
Em Preparo
{rowEmPreparo.map((order) => (-
)}
))}
{order.number}
Itens: {order.items.join(', ')}
{order.specialInstructions && (Instruções Especiais