validateDOMNesting error removed

MyriadFlow · Aug 19, 2023 · 09ab75e · 09ab75e
1 parent 1f0400e
commit 09ab75e
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 26 deletions.
diff --git a/Components/Header.js b/Components/Header.js
@@ -102,52 +102,52 @@ function Header() {
             </div> */}
 
             <Link className="text-gray-800 dark:text-white" href="/explore">
-              <NavLink
+              <div
                 className={router.pathname == "/explore" ? "active " : ""}
               >
                 Explore
-              </NavLink>
+              </div>
             </Link>
 
             <Link className="text-gray-800 dark:text-white" href="/collection">
-              <NavLink
+              <div
                 className={router.pathname == "/collection" ? "active " : ""}
               >
                 Collections
-              </NavLink>
+              </div>
             </Link>
 
             {walletAddress && address && hasRole ? (
               <Link className="text-gray-800 dark:text-white" href={hasRole ? "/assets" : "/authWallet"}>
-                <NavLink
+                <div
                   className={router.pathname == "/assets" ? "active" : ""}
                 >
                   Create
-                </NavLink>
+                </div>
               </Link>
             ) : (
               ""
             )}
             {walletAddress && address ? (
               <Link className="text-gray-800 dark:text-white" href="/dashboard">
-                <NavLink
+                <div
                   className={router.pathname == "/dashboard" ? "active" : ""}
                 >
                   Dashboard
-                </NavLink>
+                </div>
               </Link>
             ) : null}
             {walletAddress && address ? (
               <Link className="rewards-style" href="/drops">
-                <NavLink
+                <div
                   className={router.pathname == "/drops" ? "active " : ""}
                 >
                   Drops
-                </NavLink>
+                </div>
               </Link>
             ) : null}
             <Link href="">
-              <NavLink>
+              <div>
                 <div className="relative">
                   <div className="flex items-center gap-x-3">
 
@@ -165,7 +165,7 @@ function Header() {
                     </div>
                   </div>
                 </div>
-              </NavLink>
+              </div>
             </Link>
 
             <button
@@ -239,30 +239,30 @@ function Header() {
 
               {walletAddress && address ? (
                 <Link className="" href="/wishlist">
-                  <NavLink
+                  <div
                     className="block py-4 rounded-sm hover:bg-gray-300 transition duration-200 ease-in-out"
                   >
                     Wishlists
-                  </NavLink>
+                  </div>
                 </Link>
               ) : null}
 
               {walletAddress && address ? (
                 <Link className="" href="/manage">
-                  <NavLink
+                  <div
                     className="block py-4 rounded-sm hover:bg-gray-300 transition duration-200 ease-in-out"
                   >
                     Manage
-                  </NavLink>
+                  </div>
                 </Link>
               ) : null}
 
               {walletAddress && address ? (
                 <div className="mb-8 mt-2">
                   <Link className="rewards-style" href="/drops">
-                    <NavLink className="">
+                    <div className="">
                       Drops
-                    </NavLink>
+                    </div>
 
 
                   </Link>

diff --git a/pages/about.js b/pages/about.js
@@ -41,15 +41,15 @@ export default function About() {
           <div className="mt-10 text-gray-500 dark:text-white">Interested in Joining Us ?</div>
           <div className="mt-5 ">
             <Link href="/explore">
-              <NavLink
+              <div
                 className={router.pathname == "/explore" ? "active " : ""}
               >
                 <button
                   className="bg-white text-black px-4 py-2 rounded-full ... text-sm border-black"
                 >
                   Explore Now
                 </button>
-              </NavLink>
+              </div>
             </Link>
           </div>
         </div>

diff --git a/pages/authWallet.js b/pages/authWallet.js
@@ -21,11 +21,11 @@ the Creator Role. To Gain Access, you Need to Complete
 the Wallet Authentication Process.</div>
 <div className='mt-10'>
     <Link className=" bg-white text-black px-4 py-2 rounded-full ... text-sm" href="/explore">
-              <NavLink
+              <div
                 className={router.pathname == "/explore" ? "active " : ""}
               >
                 Explore
-              </NavLink>
+              </div>
             </Link>
 </div>
     </div>

diff --git a/pages/drops.js b/pages/drops.js
@@ -26,11 +26,11 @@ export default function Rewards() {
           <div className='mt-10 text-2xl text-center text-gray-500 dark:text-white'>Stay Tunned For Upcoming Drops</div>
           <div className='text-center mt-10 mb-10 bg-white text-black px-10 py-3 rounded-full ... text-sm'>
             <Link className="rewards-style" href="/explore">
-              <NavLink
+              <div
                 className={router.pathname == "/explore" ? "active " : ""}
               >
                 Explore Now
-              </NavLink>
+              </div>
             </Link>
           </div>
         </div>

diff --git a/pages/explore.js b/pages/explore.js
@@ -379,13 +379,13 @@ const Home = () => {
         <div className="flex justify-around p-4 border-b">
           {/* <div className="mt-5 mr-5">
             <Link href="/explore">
-              <NavLink
+              <div
                 className={router.pathname == "/explore" ? "active " : ""}
               >
                 <button className="bg-white py-3 px-6  text-gray-500 dark:text-black font-semibold mb-8 lg:mb-0">
                   More Sale
                 </button>
-              </NavLink>
+              </div>
             </Link>
           </div> */}
           <div className="mt-5 font-bold text-2xl text-center dark:text-white text-gray-800">Sale</div>