rede5/saveinmed
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(marketplace): fix R$ NaN and add owner navigation links

Browse source
This commit is contained in:
Tiago Yamamoto 2025-12-22 15:42:58 -03:00
parent 9fc9b211bf
commit 5c004422f2
2 changed files with 35 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
marketplace/src/layouts/Shell.tsx
View file

@ -4,6 +4,9 @@ import { useAuth } from '../context/AuthContext'
export function Shell({ children }: { children: React.ReactNode }) {
const { user, logout } = useAuth()
const isOwner = user?.role === 'owner' || user?.role === 'seller'
const isAdmin = user?.role === 'admin'
return (
<div className="min-h-screen bg-gray-100">
<header className="flex items-center justify-between bg-medicalBlue px-6 py-4 text-white shadow-md">
@ -11,20 +14,37 @@ export function Shell({ children }: { children: React.ReactNode }) {
<div className="h-10 w-10 rounded-full bg-white/10 text-center text-xl font-bold leading-10">MP</div>
<div>
<p className="text-lg font-semibold">Marketplace Farmacêutico B2B</p>
<p className="text-sm text-gray-100">Dashboard de Compras</p>
<p className="text-sm text-gray-100">
{isAdmin ? 'Painel Administrativo' : isOwner ? 'Painel do Dono' : 'Dashboard'}
</p>
</div>
</div>
<nav className="flex items-center gap-4 text-sm font-medium">
<Link to="/dashboard" className="hover:underline">
Compras
</Link>
{isAdmin && (
<Link to="/dashboard" className="hover:underline">
Admin
</Link>
)}
{isOwner && (
<>
<Link to="/seller" className="hover:underline">
Dashboard
</Link>
<Link to="/orders" className="hover:underline">
Meus Pedidos
</Link>
<Link to="/inventory" className="hover:underline">
Meus Produtos
</Link>
</>
)}
<Link to="/cart" className="hover:underline">
Carrinho
</Link>
<Link to="/checkout" className="hover:underline">
Checkout
</Link>
<Link to="/profile" className="hover:underline">
<Link to="/company" className="hover:underline">
Perfil da Empresa
</Link>
{user && (

12
marketplace/src/pages/Checkout.tsx
View file

@ -6,6 +6,14 @@ import { useAuth } from '../context/AuthContext'
const MP_PUBLIC_KEY = import.meta.env.VITE_MP_PUBLIC_KEY || 'TEST-PUBLIC-KEY'
// Helper function to safely format currency values
const formatCurrency = (value: number | undefined | null): string => {
if (value === undefined || value === null || isNaN(value)) {
return '0,00'
}
return value.toFixed(2).replace('.', ',')
}
export function CheckoutPage() {
const { user } = useAuth()
const summary = useCartStore(selectCartSummary)
@ -36,7 +44,7 @@ export function CheckoutPage() {
<div key={vendorId} className="rounded border border-gray-200 bg-gray-50 p-3">
<div className="flex items-center justify-between">
<p className="font-semibold text-gray-800">{group.vendorName}</p>
<p className="text-sm font-bold text-medicalBlue">R$ {group.total.toFixed(2)}</p>
<p className="text-sm font-bold text-medicalBlue">R$ {formatCurrency(group.total)}</p>
</div>
<p className="text-xs text-gray-600">Itens enviados no split de pagamento.</p>
</div>
@ -45,7 +53,7 @@ export function CheckoutPage() {
<div className="space-y-3 rounded-lg bg-white p-4 shadow-sm">
<div>
<p className="text-sm font-semibold text-gray-700">Resumo</p>
<p className="text-2xl font-bold text-medicalBlue">R$ {summary.totalValue.toFixed(2)}</p>
<p className="text-2xl font-bold text-medicalBlue">R$ {formatCurrency(summary.totalValue)}</p>
</div>
<div className="rounded bg-gray-100 p-3 text-sm">
<p className="font-semibold text-gray-700">Status</p>