| 6 | "": "const { Button } = VM.require(\\\\\\\"abdullahi3000.near/widget/components\\\\\\\") || {\\\\n Button: () => <></>,\\\\n};\\\\n\\\\nconst { href } = VM.require(\\\\\\\"buildhub.near/widget/lib.url\\\\\\\") || {\\\\n href: () => {},\\\\n};\\\\n\\\\nconst NavContainer = styled.div`\\\\n display: flex;\\\\n padding: 24px 48px;\\\\n flex-direction: column;\\\\n justify-content: center;\\\\n align-items: flex-start;\\\\n gap: 10px;\\\\n align-self: stretch;\\\\n font-family: \\\\\\\"Poppins\\\\\\\", sans-serif;\\\\n\\\\n background-color: var(--bg, #000);\\\\n border-bottom: 1px solid var(--stroke-color, rgba(255, 255, 255, 0.2));\\\\n`;\\\\n\\\\nconst MainContent = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n justify-content: space-between;\\\\n width: 100%;\\\\n gap: 50px;\\\\n\\\\n @media screen and (max-width: 960px) {\\\\n gap: 16px;\\\\n }\\\\n`;\\\\n\\\\nconst Left = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 50px;\\\\n\\\\n @media screen and (max-width: 960px) {\\\\n gap: 16px;\\\\n }\\\\n\\\\n @media screen and (max-width: 768px) {\\\\n display: none;\\\\n }\\\\n`;\\\\n\\\\nconst Right = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 16px;\\\\n\\\\n @media screen and (max-width: 768px) {\\\\n display: none;\\\\n }\\\\n`;\\\\n\\\\nconst MobileView = styled.div`\\\\n display: none;\\\\n\\\\n @media screen and (max-width: 768px) {\\\\n display: flex;\\\\n align-items: center;\\\\n justify-content: space-between;\\\\n flex-direction: column;\\\\n position: fixed;\\\\n background: var(--bg, #000);\\\\n z-index: 1001;\\\\n padding: 24px 48px;\\\\n top: 0;\\\\n left: 0;\\\\n height: 100%;\\\\n width: 100%;\\\\n }\\\\n`;\\\\n\\\\nconst MobileNavigation = styled.div`\\\\n display: none;\\\\n\\\\n @media screen and (max-width: 768px) {\\\\n display: flex;\\\\n flex-direction: row;\\\\n align-items: center;\\\\n justify-content: space-between;\\\\n width: 100%;\\\\n }\\\\n`;\\\\n\\\\nconst NavLinks = styled.div`\\\\n display: flex;\\\\n align-items: center;\\\\n gap: 36px;\\\\n\\\\n span {\\\\n color: var(--text-white, #fff);\\\\n }\\\\n\\\\n .active {\\\\n color: #0d50c1;\\\\n font-weight: 700;\\\\n }\\\\n\\\\n @media screen and (max-width: 960px) {\\\\n gap: 16px;\\\\n }\\\\n\\\\n @media screen and (max-width: 768px) {\\\\n flex-direction: column;\\\\n margin-top: 38px;\\\\n span {\\\\n font-size: 20px;\\\\n }\\\\n }\\\\n`;\\\\n\\\\nconst StyledDropdown = styled.div`\\\\n .dropdown-toggle {\\\\n display: flex;\\\\n align-items: center;\\\\n justify-content: center;\\\\n background-color: #23242b;\\\\n color: #fff;\\\\n border-radius: 8px;\\\\n outline: none;\\\\n border: 0;\\\\n width: 40px;\\\\n height: 40px;\\\\n\\\\n &:after {\\\\n display: none;\\\\n }\\\\n\\\\n .menu {\\\\n width: 18px;\\\\n height: 24px;\\\\n display: flex;\\\\n flex-direction: column;\\\\n justify-content: space-evenly;\\\\n\\\\n div {\\\\n background-color: var(--slate-dark-11);\\\\n height: 2px;\\\\n width: 100%;\\\\n border-radius: 30px;\\\\n }\\\\n }\\\\n\\\\n :hover {\\\\n .menu {\\\\n div {\\\\n background-color: white;\\\\n }\\\\n }\\\\n }\\\\n }\\\\n\\\\n ul {\\\\n background-color: #23242b;\\\\n width: 100%;\\\\n\\\\n li {\\\\n padding: 0 6px;\\\\n }\\\\n\\\\n button,\\\\n a {\\\\n color: var(--slate-dark-11);\\\\n display: flex;\\\\n align-items: center;\\\\n border-radius: 8px;\\\\n padding: 12px;\\\\n\\\\n :hover,\\\\n :focus {\\\\n text-decoration: none;\\\\n background-color: #0d50c1;\\\\n color: white;\\\\n\\\\n svg {\\\\n path {\\\\n stroke: white;\\\\n }\\\\n }\\\\n }\\\\n\\\\n svg {\\\\n margin-right: 7px;\\\\n path {\\\\n stroke: var(--slate-dark-9);\\\\n }\\\\n }\\\\n }\\\\n }\\\\n`;\\\\n\\\\nconst MobileContent = styled.div`\\\\n width: 100%;\\\\n height: 100%;\\\\n\\\\n display: flex;\\\\n align-items: center;\\\\n flex-direction: column;\\\\n justify-content: space-between;\\\\n`;\\\\n\\\\nfunction Navbar(props) {\\\\n const { page, routes } = props;\\\\n const [dropdown, setDropdown] = useState(false);\\\\n\\\\n const toggleDropdown = () => {\\\\n setDropdown((prev) => !prev);\\\\n };\\\\n\\\\n return (\\\\n <NavContainer>\\\\n <MainContent className=\\\\\\\"container-xl\\\\\\\">\\\\n <Left>\\\\n <Link\\\\n to={href({\\\\n widgetSrc: routes.path,\\\\n params: {\\\\n page: \\\\\\\"help\\\\\\\",\\\\n },\\\\n })}\\\\n className=\\\\\\\"d-flex align-items-center\\\\\\\"\\\\n >\\\\n <img\\\\n className=\\\\\\\"object-fit-cover\\\\\\\"\\\\n style={{ height: 50 }}\\\\n src=\\\\\\\"https://res.cloudinary.com/dtt0cjt51/image/upload/v1711122280/cafg8h33bpq15uugd8ta.png\\\\\\\"\\\\n />\\\\n </Link>\\\\n <NavLinks>\\\\n {routes &&\\\\n (Object.keys(routes) || []).map((k) => {\\\\n const route = routes[k];\\\\n if (route.hide) {\\\\n return null;\\\\n }\\\\n return (\\\\n <Link\\\\n key={`desktop=${k}`}\\\\n style={{ textDecoration: \\\\\\\"none\\\\\\\" }}\\\\n to={href({\\\\n widgetSrc: route.path,\\\\n params: {\\\\n page: k,\\\\n },\\\\n })}\\\\n >\\\\n <span key={k} className={page === k ? \\\\\\\"active\\\\\\\" : null}>\\\\n {route.init.icon && <i className={route.init.icon}></i>}\\\\n {route.init.name}\\\\n </span>\\\\n </Link>\\\\n );\\\\n })}\\\\n </NavLinks>\\\\n </Left>\\\\n {/*<Right>\\\\n {context.accountId ? (\\\\n <Widget\\\\n src=\\\\\\\"abdullahi3000.near/widget/components.buttons.UserDropdown\\\\\\\"\\\\n loading=\\\\\\\"\\\\\\\"\\\\n props={props}\\\\n />\\\\n ) : (\\\\n <Button\\\\n variant=\\\\\\\"primary\\\\\\\"\\\\n linkClassName=\\\\\\\"d-flex\\\\\\\"\\\\n href=\\\\\\\"https://nearbuilders.org/join\\\\\\\"\\\\n noLink={true}\\\\n className=\\\\\\\"w-100\\\\\\\"\\\\n >\\\\n Sign In\\\\n </Button>\\\\n )}\\\\n </Right>*/}\\\\n <MobileNavigation>\\\\n <Link\\\\n to={href({\\\\n widgetSrc: routes.path,\\\\n params: {\\\\n page: \\\\\\\"help\\\\\\\",\\\\n },\\\\n })}\\\\n >\\\\n <img\\\\n className=\\\\\\\"object-fit-cover\\\\\\\"\\\\n onClick={() => setDropdown(false)}\\\\n src=\\\\\\\"https://res.cloudinary.com/dtt0cjt51/image/upload/v1711122280/cafg8h33bpq15uugd8ta.png\\\\\\\"\\\\n style={{ height: 40 }}\\\\n alt=\\\\\\\"BuildDAO\\\\\\\"\\\\n />\\\\n </Link>\\\\n <Button\\\\n type=\\\\\\\"icon\\\\\\\"\\\\n variant=\\\\\\\"outline\\\\\\\"\\\\n className=\\\\\\\"rounded-2 border-0\\\\\\\"\\\\n onClick={toggleDropdown}\\\\n >\\\\n <i style={{ fontSize: 24 }} className=\\\\\\\"bi bi-list\\\\\\\"></i>\\\\n </Button>\\\\n </MobileNavigation>\\\\n </MainContent>\\\\n\\\\n {dropdown && (\\\\n <MobileView>\\\\n <MobileNavigation>\\\\n <Link\\\\n to={href({\\\\n widgetSrc: routes.path,\\\\n params: {\\\\n page: \\\\\\\"help\\\\\\\",\\\\n },\\\\n })}\\\\n >\\\\n <img\\\\n onClick={() => setDropdown(false)}\\\\n src=\\\\\\\"https://res.cloudinary.com/dtt0cjt51/image/upload/v1711122280/cafg8h33bpq15uugd8ta.png\\\\\\\"\\\\n style={{ height: 40 }}\\\\n alt=\\\\\\\"BuildDAO\\\\\\\"\\\\n />\\\\n </Link>\\\\n <Button\\\\n type=\\\\\\\"icon\\\\\\\"\\\\n variant=\\\\\\\"outline\\\\\\\"\\\\n className=\\\\\\\"rounded-2 border-0\\\\\\\"\\\\n onClick={toggleDropdown}\\\\n >\\\\n <i style={{ fontSize: 24 }} className=\\\\\\\"bi bi-list\\\\\\\"></i>\\\\n </Button>\\\\n </MobileNavigation>\\\\n <MobileContent>\\\\n <NavLinks>\\\\n {routes &&\\\\n (Object.keys(routes) || []).map((k) => {\\\\n const route = routes[k];\\\\n if (route.hide) {\\\\n return null;\\\\n }\\\\n return (\\\\n <>\\\\n <Link\\\\n key={`mobile=${k}`}\\\\n style={{ textDecoration: \\\\\\\"none\\\\\\\" }}\\\\n to={href({\\\\n widgetSrc: route.path,\\\\n params: {\\\\n page: k,\\\\n },\\\\n })}\\\\n >\\\\n <span\\\\n onClick={toggleDropdown}\\\\n key={k}\\\\n className={page === k ? \\\\\\\"active\\\\\\\" : null}\\\\n >\\\\n {route.init.icon && (\\\\n <i className={route.init.icon}></i>\\\\n )}\\\\n {route.init.name}\\\\n </span>\\\\n </Link>\\\\n </>\\\\n );\\\\n })}\\\\n </NavLinks>\\\\n {/*<div className=\\\\\\\"d-flex flex-column gap-2 w-100\\\\\\\">\\\\n {context.accountId ? (\\\\n <div className=\\\\\\\"mx-auto d-flex align-items-stretch \\\\\\\">\\\\n <Widget\\\\n src=\\\\\\\"buildhub.near/widget/components.buttons.UserDropdown\\\\\\\"\\\\n loading=\\\\\\\"\\\\\\\"\\\\n props={props}\\\\n />\\\\n </div>\\\\n ) : (\\\\n <>\\\\n <Button\\\\n variant=\\\\\\\"primary\\\\\\\"\\\\n linkClassName=\\\\\\\"d-flex\\\\\\\"\\\\n href=\\\\\\\"https://nearbuilders.org/join\\\\\\\"\\\\n noLink={true}\\\\n className=\\\\\\\"w-100\\\\\\\"\\\\n onClick={() => setDropdown(false)}\\\\n >\\\\n Sign In\\\\n </Button>\\\\n </>\\\\n )}\\\\n </div>*/}\\\\n </MobileContent>\\\\n </MobileView>\\\\n )}\\\\n </NavContainer>\\\\n );\\\\n}\\\\n\\\\nreturn <Navbar {...props} />;\\\\n" |