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 { useAuth } from '../context/AuthContext'
import { useCartStore, selectCartSummary } from '../stores/cartStore' import { useCartStore, selectCartSummary } from '../stores/cartStore'
import { formatCurrency } from '../utils/format' import { formatCurrency } from '../utils/format'
import logoImg from '../assets/logo.png'
// Cart dropdown content component // Cart dropdown content component
function CartDropdownContent() { function CartDropdownContent() {
@ -91,7 +92,7 @@ export function Shell({ children }: { children: React.ReactNode }) {
<div className="min-h-screen bg-gray-100"> <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"> <header className="flex items-center justify-between bg-medicalBlue px-6 py-4 text-white shadow-md">
<div className="flex items-center gap-3"> <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> <div>
<p className="text-lg font-semibold">SaveInMed</p> <p className="text-lg font-semibold">SaveInMed</p>
<p className="text-sm text-gray-100"> <p className="text-sm text-gray-100">