Merge pull request #38 from terra-money/dev/end-mint-period

feat: end claim period
terra-money · Jan 12, 2024 · d266961 · d266961
2 parents 52158aa + 783a8a0
commit d266961
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 41 deletions.
diff --git a/frontend/src/components/navigations/desktop/DesktopNav.tsx b/frontend/src/components/navigations/desktop/DesktopNav.tsx
@@ -6,7 +6,7 @@ import { ReactComponent as ExternalLinkIcon } from "assets/ExternalLink.svg"
 import { ReactComponent as CheckIcon } from "assets/check.svg"
 import { useAppContext } from "contexts"
 import { useNav } from "../../../config/routes"
-import { Socials } from '../socials'
+import { Socials } from "../socials"
 import styles from "./DesktopNav.module.scss"
 
 const cx = classNames.bind(styles)
@@ -53,11 +53,6 @@ const DesktopNav = () => {
         })}
       </ul>
       <div className={styles.button__container}>
-        <span
-          className={cx({ [styles.active]: pathname === "/" })}
-        >
-          <NavLink to={"/"}>Claim</NavLink>
-        </span>
         <button onClick={handleConnectClick} className={styles.nav__button}>
           {walletAddress ? (
             <>

diff --git a/frontend/src/components/navigations/mobile/MobileNav.tsx b/frontend/src/components/navigations/mobile/MobileNav.tsx
@@ -1,33 +1,33 @@
-import classNames from 'classnames/bind';
-import { NavLink, useLocation } from 'react-router-dom';
-import { useWallet } from "@terra-money/wallet-kit";
-import { ReactComponent as Logo } from 'assets/AllianceDAOLogo.svg';
-import { ReactComponent as HamburgerIcon } from 'assets/hamburger.svg';
-import { ReactComponent as CloseIcon } from 'assets/close.svg';
-import { ReactComponent as CheckIcon } from 'assets/check.svg';
-import { ReactComponent as ExternalLinkIcon } from 'assets/ExternalLink.svg';
+import classNames from "classnames/bind"
+import { NavLink, useLocation } from "react-router-dom"
+import { useWallet } from "@terra-money/wallet-kit"
+import { ReactComponent as Logo } from "assets/AllianceDAOLogo.svg"
+import { ReactComponent as HamburgerIcon } from "assets/hamburger.svg"
+import { ReactComponent as CloseIcon } from "assets/close.svg"
+import { ReactComponent as CheckIcon } from "assets/check.svg"
+import { ReactComponent as ExternalLinkIcon } from "assets/ExternalLink.svg"
 import { useAppContext } from "contexts"
-import { useNav } from 'config/routes';
-import styles from './MobileNav.module.scss';
-import { Socials } from '../socials';
+import { useNav } from "config/routes"
+import styles from "./MobileNav.module.scss"
+import { Socials } from "../socials"
 
-const cx = classNames.bind(styles);
+const cx = classNames.bind(styles)
 
 const MobileNav = ({
   isMobileNavOpen,
   setMobileNavOpen,
 }: {
-  isMobileNavOpen: boolean,
+  isMobileNavOpen: boolean
   setMobileNavOpen: (isMobileNavOpen: boolean) => void
 }) => {
   const wallet = useWallet()
   const { walletAddress } = useAppContext()
-  const { pathname } = useLocation();
-  const { menu } = useNav();
+  const { pathname } = useLocation()
+  const { menu } = useNav()
 
   const toggleMobileNav = () => {
-    setMobileNavOpen(!isMobileNavOpen);
-  };
+    setMobileNavOpen(!isMobileNavOpen)
+  }
 
   const handleConnectClick = () => {
     if (walletAddress) {
@@ -40,17 +40,30 @@ const MobileNav = ({
   return (
     <>
       <nav className={styles.navigation}>
-        <a href='/nft-gallery'>
+        <a href="/nft-gallery">
           <Logo className={styles.logo} />
         </a>
 
         <div className={styles.hamburger} onClick={toggleMobileNav}>
-          <HamburgerIcon stroke="var(--token-dark-500)" height={24} width={24} />
+          <HamburgerIcon
+            stroke="var(--token-dark-500)"
+            height={24}
+            width={24}
+          />
         </div>
       </nav>
-      <div className={cx(styles.cover, { [styles.open]: isMobileNavOpen })}></div>
-      <div className={`${styles.mobile__nav} ${isMobileNavOpen ? styles.open : ''}`}>
-        <div className={styles.close__icon} onClick={() => setMobileNavOpen(false)}>
+      <div
+        className={cx(styles.cover, { [styles.open]: isMobileNavOpen })}
+      ></div>
+      <div
+        className={`${styles.mobile__nav} ${
+          isMobileNavOpen ? styles.open : ""
+        }`}
+      >
+        <div
+          className={styles.close__icon}
+          onClick={() => setMobileNavOpen(false)}
+        >
           <CloseIcon stroke="var(--token-light-500)" height={24} width={24} />
         </div>
         <ul className={styles.link__container}>
@@ -66,7 +79,10 @@ const MobileNav = ({
               )
             }
             return (
-              <li key={path} className={cx({ [styles.active]: pathname === path })}>
+              <li
+                key={path}
+                className={cx({ [styles.active]: pathname === path })}
+              >
                 <NavLink to={path} onClick={toggleMobileNav}>
                   {name}
                 </NavLink>
@@ -75,11 +91,6 @@ const MobileNav = ({
           })}
         </ul>
         <div className={styles.bottom}>
-          <span
-            className={cx({ [styles.active]: pathname === "/" })}
-          >
-            <NavLink to={"/"}>Claim</NavLink>
-          </span>
           <button onClick={handleConnectClick} className={styles.nav__button}>
             {walletAddress ? (
               <>
@@ -90,11 +101,11 @@ const MobileNav = ({
               <>Connect Wallet</>
             )}
           </button>
-          <Socials size={20} gap={24} iconColor='white' />
+          <Socials size={20} gap={24} iconColor="white" />
         </div>
       </div>
     </>
-  );
-};
+  )
+}
 
-export default MobileNav;
+export default MobileNav
diff --git a/frontend/src/config/routes.tsx b/frontend/src/config/routes.tsx
@@ -8,7 +8,6 @@ import {
   NotFound,
   PlanetView,
   ConnectModalPage,
-  ClaimModalPage,
   NotEligibleModalPage,
 } from "../pages"
 
@@ -44,8 +43,8 @@ export const useNav = () => {
     ...menu,
     {
       path: "/",
-      element: <ClaimModalPage />,
-      name: "Claim",
+      element: <NFTsPage />,
+      name: "Gallery",
       isExternal: false,
       isDynamic: false,
     },