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:
parent
607d942072
commit
e39ed59264
1 changed files with 2 additions and 1 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in a new issue