diff --git a/packages/web/components/Dashboard/LatestContentTabs/Read.tsx b/packages/web/components/Dashboard/LatestContentTabs/Read.tsx index cf7ad9268b..2b538bae20 100644 --- a/packages/web/components/Dashboard/LatestContentTabs/Read.tsx +++ b/packages/web/components/Dashboard/LatestContentTabs/Read.tsx @@ -48,8 +48,17 @@ export const Read: React.FC = () => { w="100%" h="100%" overflow="hidden" + justifyContent={'left'} > - + = (props) => ( - - {MenuSectionLinks.map((section: MenuLinkSet) => ( - - {({ isOpen }) => ( - <> - {section.type === 'menu' ? ( - <> - - ) : ( - - ) - } - > - {section.label} - {section.type === 'menu' && ( - - - - )} - - {section.type === 'menu' && isOpen && ( - - )} - {section?.menuItems?.length && ( - 4 - ? 'repeat(2, 1fr)' - : 'repeat(1, 1fr)' - } - gridGap={2} - w={section.menuItems.length > 4 ? '60rem' : '30rem'} - p={4} - boxShadow="dark-lg" - bg="linear-gradient(180deg, rgba(42, 31, 71, 0.9) 6.18%, rgba(17, 3, 32, 0.86) 140%)" - borderRadius="md" - border={0} - > - {section.menuItems.map((item: MenuLinkItem) => ( - - ))} - - )} - - ) : ( - <> - +export const DesktopNavLinks: React.FC = (props) => { + const router = useRouter(); + return ( + + {MenuSectionLinks.map((section: MenuLinkSet) => ( + + {({ isOpen }) => ( + <> + {section.type === 'menu' ? ( + <> : undefined} + rightIcon={ + isOpen ? ( + + ) : ( + + ) + } > {section.label} {section.type === 'menu' && ( @@ -149,12 +82,101 @@ export const DesktopNavLinks: React.FC = (props) => ( )} - - - )} - - )} - - ))} - -); + {section.type === 'menu' && isOpen && ( + + )} + {section?.menuItems?.length && ( + 4 + ? 'repeat(2, 1fr)' + : 'repeat(1, 1fr)' + } + gridGap={2} + w={section.menuItems.length > 4 ? '60rem' : '30rem'} + p={4} + boxShadow="dark-lg" + bg="linear-gradient(180deg, rgba(42, 31, 71, 0.9) 6.18%, rgba(17, 3, 32, 0.86) 140%)" + borderRadius="md" + border={0} + > + {section.menuItems.map((item: MenuLinkItem) => ( + + ))} + + )} + + ) : ( + <> + + + ) : undefined + } // #79F8FB + > + {section.label} + {section.type === 'menu' && ( + + + + )} + + + + )} + + )} + + ))} + + ); +}; diff --git a/packages/web/components/MegaMenu/MegaMenuHeader.tsx b/packages/web/components/MegaMenu/MegaMenuHeader.tsx index d915853981..87a59cb653 100644 --- a/packages/web/components/MegaMenu/MegaMenuHeader.tsx +++ b/packages/web/components/MegaMenu/MegaMenuHeader.tsx @@ -8,6 +8,7 @@ import { Flex, FlexProps, HamburgerIcon, + HStack, Input, InputGroup, InputLeftElement, @@ -429,6 +430,7 @@ export const MegaMenuHeader: React.FC = () => { backdropFilter="blur(10px)" px={4} py={1.5} + pb="0" h={20} justify="space-between" w="100%" @@ -459,7 +461,7 @@ export const MegaMenuHeader: React.FC = () => { { top="auto" bottom="auto" /> - - - + + + + ( )} + + + Not seeing what you need? + + Consider Building a new block! + + + @@ -190,15 +203,6 @@ export const AddBoxSection = React.forwardRef( Close - - Create a Custom Block - - diff --git a/packages/web/utils/menuLinks.ts b/packages/web/utils/menuLinks.ts index a2194f18a7..d4b688b8f4 100644 --- a/packages/web/utils/menuLinks.ts +++ b/packages/web/utils/menuLinks.ts @@ -106,9 +106,4 @@ export const MenuSectionLinks: MenuLinkSet[] = [ type: 'external-link', url: 'https://discord.gg/XGNFdUaxCH', }, - { - label: 'forum', - type: 'external-link', - url: 'https://forum.metagame.wtf/', - }, ];