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

added cart and store components

Browse source
This commit is contained in:
Smigz 2024-10-13 11:41:36 -04:00
parent 556a7f8fe2
commit 81d70ec032
13 changed files with 254 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,11 +1,13 @@
import styles from "./navbar.module.css";
import { Link } from "react-router-dom";
import PropTypes from "prop-types";
export default function Navbar(props) {
export default function Navbar({ cartItems }) {
return (
<nav className={styles.nav}>
<h1>Smig.Tech</h1>
<Nav />
<button>I&apos;m Ready</button>
{cartItems ? <h1>{cartItems}</h1> : <button>I&apos;m Ready</button>}
</nav>
);
}
@ -13,8 +15,16 @@ export default function Navbar(props) {
function Nav() {
return (
<ul className={styles.nav}>
<li>home</li>
<li>shop</li>
<li>
<Link to="/">home</Link>
</li>
<li>
<Link to="store">shop</Link>
</li>
</ul>
);
}
Navbar.propTypes = {
cartItems: PropTypes.number,
};