A LOJA
Guias, pulseiras & sagrado
{/* Filtro por linha ou por orixá (quando vem de "Escolha pela sua linha" / "Escolha pelo seu orixá") */}
{(isLinhaFilter || isOrixaFilter) ? (
{cat}
) : (
{LJ_CATS.map(c=>{
const active = cat===c.id;
return (
);
})}
)}
{filtered.length} peças
{/* Grid */}
{filtered.map(p=>(
))}
);
}
function ListingCard({ p, onOpen, onAdd, isFav, onFav }) {
const [h, setH] = useState(false);
const [hBtn, setHBtn] = useState(false);
return (
{onFav && (
)}
{p.name}
{p.orixa}
{brl(p.price)}
);
}
/* ── ProductScreen ── */
function ProductScreen({ product, onBack, onAdd, onBuy, isFavorite, onFavorite, products }) {
const p = product;
const [qty, setQty] = useState(1);
const allPhotos = [p.photo, ...(p.fotos||[])].filter(Boolean);
const [activePhoto, setActivePhoto] = useState(allPhotos[0]||null);
const related = (products||[]).filter(x=>x.id!==p.id&&x.category===p.category).slice(0,4);
const notes = ['Peça artesanal — variações mínimas fazem parte da identidade','Envio em até 3 dias úteis após confirmação','Frete via Correios PAC · Retirada em Porto Alegre'];
/* Variantes (ex.: Tamanho: Curta/Média/Longa) cadastradas na Vitrine — uma opção
selecionada por grupo; some com o produto no carrinho como texto informativo. */
const variantGroups = p.variantes || [];
const [selectedVariants, setSelectedVariants] = useState(()=>{
const initial = {};
variantGroups.forEach(g=>{ if(g.options && g.options[0]) initial[g.label] = g.options[0]; });
return initial;
});
const variantText = variantGroups.length
? variantGroups.map(g=>`${g.label}: ${selectedVariants[g.label]||g.options[0]}`).join(' · ')
: '';
const addWithVariant = () => onAdd({ ...p, variantText: variantText || undefined });
return (