fix: use ES module import for logo in Shell.tsx

- Import logoImg from assets instead of hardcoded path
- Fixes logo not displaying in production build
This commit is contained in:
Tiago Yamamoto 2025-12-23 17:25:00 -03:00
parent 607d942072
commit e39ed59264

View file

@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
import { useAuth } from '../context/AuthContext'
import { useCartStore, selectCartSummary } from '../stores/cartStore'
import { formatCurrency } from '../utils/format'
import logoImg from '../assets/logo.png'
// Cart dropdown content component
function CartDropdownContent() {
@ -91,7 +92,7 @@ export function Shell({ children }: { children: React.ReactNode }) {
<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">
<div className="flex items-center gap-3">
<img src="/src/assets/logo.png" alt="SaveInMed" className="h-10 w-auto" />
<img src={logoImg} alt="SaveInMed" className="h-10 w-auto" />
<div>
<p className="text-lg font-semibold">SaveInMed</p>
<p className="text-sm text-gray-100">