feat: update bridge

NFTEarth · Jan 23, 2024 · be6d2d6 · be6d2d6
1 parent a7fc8f5
commit be6d2d6
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 136 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -91,7 +91,7 @@ export const Footer = () => {
     <Flex
       justify="between"
       css={{
-        borderTop: '1px solid #0420FF',
+        borderTop: '1px solid #A879FF',
         borderStyle: 'solid',
         pt: '$5',
         flexDirection: 'column',

diff --git a/components/Head.tsx b/components/Head.tsx
@@ -36,7 +36,7 @@ export const Head: FC<Props> = ({
       <meta name="description" content={description} />
       <meta name="format-detection" content="telephone=no" />
       <meta name="mobile-web-app-capable" content="yes" />
-      <meta name="msapplication-TileColor" content="#8EFF7A" />
+      <meta name="msapplication-TileColor" content="#A879FF" />
       <meta name="msapplication-tap-highlight" content="no" />
       <meta name="theme-color" content="#000000" />
       <link rel="manifest" href="/manifest.json" />
@@ -49,7 +49,7 @@ export const Head: FC<Props> = ({
       <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
       <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
       <link rel="shortcut icon" href="/favicon.ico" />
-      <link rel="mask-icon" href="/nftearth-icon-gray.svg" color="#8EFF7A" />
+      <link rel="mask-icon" href="/nftearth-icon-gray.svg" color="#A879FF" />
 
       <link rel='apple-touch-startup-image' href={ogImage} sizes='540x540' />
 

diff --git a/components/HeroSection.tsx b/components/HeroSection.tsx
@@ -76,19 +76,19 @@ const HeroSection: FC<IProp> = ({ hideLink }) => {
           style="subtitle1"
           css={{
             lineHeight: 2,
-            color: '#798DFF',
+            color: '#A879FF',
             width: '100%',
             '@lg': { width: '50%' },
           }}
         >
-          {`Omnichain NFT Exchange`}
+
         </Text>
         {hideLink ?? (
           <Flex css={{ gap: 10 }}>
            <Link href="https://swap.defillama.com/?chain=polygon&from=0x0000000000000000000000000000000000000000&to=0x492fa53b88614923937b7197c87e0f7f8eeb7b20" passHref legacyBehavior>
           <Button
           as="a"
-          color="tertiary"
+            color="primary"
           size="large"
           target="_blank"
           rel="noopener noreferrer"

diff --git a/components/navbar/HamburgerMenu.tsx b/components/navbar/HamburgerMenu.tsx
@@ -171,65 +171,8 @@ const HamburgerMenu = () => {
               SolEth Portal
             </Text>
           </Link>
-
-            <Collapsible
-            trigger={
-              <Flex
-                justify="between"
-                css={{
-                  width: '100%',
-                  borderBottom: '1px solid $gray4',
-                  cursor: 'pointer',
-                  pb: '$4',
-                  pt: '24px',
-                }}
-              >
-                <Text
-                  style="subtitle1"
-                  css={{
-                    display: 'flex',
-                    alignItems: 'center'
-                  }}
-                >
-                  {`NFTE Rewards`}
-                </Text>
-                <FontAwesomeIcon icon={faChevronDown} width={20} height={20}/>
-              </Flex>
-            }>
-            <Flex
-              direction="column"
-              css={{
-                backgroundColor: '$gray2',
-                px: '$4'
-              }}
-            >
-              <Link href="/bridge" legacyBehavior>
-                <Text
-                  style="subtitle1"
-                  css={{
-                    borderBottom: '1px solid $gray4',
-                    cursor: 'pointer',
-                    pb: '$4',
-                    pt: '24px',
-                  }}
-                >
-                  Bridge NFTE
-                </Text>
-              </Link>
-              <Link href="/staking" legacyBehavior>
-                <Text
-                  style="subtitle1"
-                  css={{
-                    borderBottom: '1px solid $gray4',
-                    cursor: 'pointer',
-                    pb: '$4',
-                    pt: '24px',
-                  }}
-                >
-                  Get veNFTE
-                </Text>
-              </Link>
-              <Link href="https://www.sushi.com/swap?chainId=8453&token1=0xc2106ca72996e49bBADcB836eeC52B765977fd20" legacyBehavior>
+
+          <Link href="/bridge" legacyBehavior>
                 <Text
                   style="subtitle1"
                   css={{
@@ -239,12 +182,10 @@ const HamburgerMenu = () => {
                     pt: '24px',
                   }}
                 >
-                  Swap NFTE
+                 NFTE Bridge
                 </Text>
               </Link>
-
-            </Flex>
-          </Collapsible>
+
           <Collapsible
             trigger={
               <Flex

diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx
@@ -143,73 +143,11 @@ const Navbar = () => {
             SolEth Portal
           </NavItem>
           </Link>
-          <Dropdown
-            modal={false}
-            trigger={
-              <NavItem>
-                <Flex as="span" align="center">
-                  {`NFTE Rewards`}
-                  <FontAwesomeIcon
-                    icon={faChevronDown}
-                    width={16}
-                    height={16}
-                    style={{
-                      marginLeft: 5,
-                      display: 'inline-block'
-                    }}
-                  />
-                </Flex>
-              </NavItem>
-            }
-            contentProps={{
-              asChild: true,
-              forceMount: true,
-              sideOffset: 35
-            }}
-          >
-            <DropdownMenuItem
-              as={Link}
-              href="/bridge"
-              css={{
-                display: 'flex',
-                py: '$3',
-                width: '100%',
-                alignItems: 'center',
-                gap: 10
-              }}
-            >
-              <FontAwesomeIcon style={{ marginLeft: 5 }} icon={faBridge} width={20} height={20}/>
-              Bridge NFTE
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              as={Link}
-              href="/staking"
-              css={{
-                display: 'flex',
-                py: '$3',
-                width: '100%',
-                alignItems: 'center',
-                gap: 10
-              }}
-            >
-              <FontAwesomeIcon style={{ marginLeft: 5 }} icon={faLock} width={20} height={20}/>
-              Get veNFTE
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              as={Link}
-              href="https://www.sushi.com/swap?chainId=8453&token1=0xc2106ca72996e49bBADcB836eeC52B765977fd20"
-              css={{
-                display: 'flex',
-                py: '$3',
-                width: '100%',
-                alignItems: 'center',
-                gap: 10
-              }}
-            >
-              <FontAwesomeIcon style={{ marginLeft: 5 }} icon={faArrowsLeftRight} width={20} height={20}/>
-              Swap NFTE
-            </DropdownMenuItem>
-          </Dropdown>
+          <Link href="/bridge">
+          <NavItem active={router.pathname.includes('bridge')}>
+           NFTE Bridge
+          </NavItem>
+          </Link>
           <Dropdown
             modal={false}
             trigger={