const ownerId = "contribut3.near"; const navItem = ({ text, icon, link }) => ( <a className="nav-link" href={link}> <i className={icon} /> <span>{text}</span> </a> ); return ( <div className="d-flex flex-column"> <a className=""> <h4> <i className="bi-triangle" /> Web3 Combinator </h4> </a> {navItem({ text: "Dashboard", link: "#", icon: "bi-house" })} <a className="nav-link"> <i className="bi-house" /> <span>Dashboard</span> </a> <a className="nav-link"> <i className="bi-person" /> <span>Profile</span> </a> <a className="nav-link"> <i className="bi-boxes" /> <span>My projects</span> </a> <a className="nav-link"> <i className="bi-diagram-2" /> <span>My organizations</span> </a> <a className="nav-link"> <i className="bi-envelope" /> <span>My invites</span> </a> <a className="nav-link"> <i className="bi-ui-checks-grid" /> <span>My contributions</span> </a> <hr className="border-2" /> <a className="nav-link"> <i className="bi-info-square" /> <span>About this app</span> </a> </div> );