smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-07-15 05:40:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

basic functionality complete

Browse source
This commit is contained in:
Smigz 2024-10-14 07:23:02 -04:00
parent 81d70ec032
commit f34aa95bfe
9 changed files with 98 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

13
shopping-cart/src/components/navbar.jsx
View file

@ -3,11 +3,20 @@ import { Link } from "react-router-dom";
import PropTypes from "prop-types";
export default function Navbar({ cartItems }) {
const sumCartItems = Object.keys(cartItems).length;
return (
<nav className={styles.nav}>
<h1>Smig.Tech</h1>
<Nav />
{cartItems ? <h1>{cartItems}</h1> : <button>I&apos;m Ready</button>}
{sumCartItems > 0 ? (
<Link to="bag">
{" "}
<h1>{sumCartItems}</h1>
</Link>
) : (
<button>I&apos;m Ready</button>
)}
</nav>
);
}
@ -26,5 +35,5 @@ function Nav() {
}
Navbar.propTypes = {
cartItems: PropTypes.number,
cartItems: PropTypes.object,
};