RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replaced emoticons

Browse Source
This commit is contained in:
augmentedpotato
2026-04-19 13:33:52 -06:00
parent a0eb6aa1f9
commit a717837bd4
10 changed files with 60 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/Navigation.js
View File

@@ -14,8 +14,11 @@ const cartBadgeCls = "absolute -top-1 -right-1.5 bg-[#e53935] text-white rounded
function CartIcon({ itemCount, onClick }) {
return (
<Link href="/cart" className={cartBtnCls} aria-label="Cart" onClick={onClick}>
🛒
<Link href="/cart" className={`${cartBtnCls} group`} aria-label="Cart" onClick={onClick}>
<span className="relative w-6 h-6 inline-block">
<img src="/bootstrap/cart.svg" alt="" className="w-6 h-6 absolute inset-0 transition-opacity duration-150 group-hover:opacity-0" />
<img src="/bootstrap/cart-fill.svg" alt="" className="w-6 h-6 absolute inset-0 transition-opacity duration-150 opacity-0 group-hover:opacity-100" />
</span>
{itemCount > 0 && (
<span className={cartBadgeCls}>{itemCount > 99 ? "99+" : itemCount}</span>
)}