const daoId = props.daoId ?? "build.sputnik-dao.near"; const role = props.role ?? "community"; const handleProposal = () => { const gas = 200000000000000; const deposit = 100000000000000000000000; Near.call([ { contractName: daoId, methodName: "add_proposal", args: { proposal: { description: "potential member", kind: { AddMemberToRole: { member_id: accountId, role: role, }, }, }, }, gas: gas, deposit: deposit, }, ]); }; return ( <div> <div className="m-2 d-flex gap-2 flex-wrap"> <button onClick={handleProposal}>Join DAO</button> <a className="btn btn-outline-primary" href="#/hack.near/widget/Academy"> Learn More </a> </div> <div className="m-2 d-flex gap-2 flex-wrap"> <a className="btn btn-outline-secondary border-0" href="#/mob.near/widget/ProfilePage?accountId=devs.near" > <i className="bi bi-person-circle"></i> </a> <a className="btn btn-outline-secondary border-0" href="https://www.nearbuilders.com" > <i className="bi bi-globe"></i> </a> <a className="btn btn-outline-secondary border-0" href="https://github.com/NEARbuilders" > <i className="bi bi-github"></i> </a> <a className="btn btn-outline-secondary border-0" href="https://calendar.google.com/calendar/u/0?cid=Y182NGYxNGNkMDFiMWY0MmU1OGE4MTY2MGYyOGVmOWFkZjE4NjdhMTJlNDJiM2UyZDNhMTc3ODczOTYwYjAyNTcwQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20" > <i className="bi bi-calendar3"></i> </a> <a className="btn btn-outline-secondary border-0" href="#/devs.near/widget/dev.config" > <i className="bi bi-gear-fill"></i> </a> </div> </div> );