From 1dc141dc58528de9a7498bc7315325f93e7f1ff5 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Wed, 12 Jan 2022 21:00:41 +0200
Subject: [PATCH] removed un-implemented links from navbar

---
 src/Components/Button/Button.tsx    |  5 ++---
 src/Components/Navbar/NavMobile.tsx | 16 +++++++++-------
 src/Components/Navbar/Navbar.tsx    | 12 ++++++------
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/Components/Button/Button.tsx b/src/Components/Button/Button.tsx
index 2333c44..d2f0af3 100644
--- a/src/Components/Button/Button.tsx
+++ b/src/Components/Button/Button.tsx
@@ -61,11 +61,10 @@ export default function Button({ color = 'white', variant = 'fill', isLoading, d
     ${btnPadding[size]}
     ${variant === 'fill' ? btnStylesFill[color] : btnStylesOutline[color]}
     ${isLoading && disableOnLoading && 'bg-opacity-70 pointer-events-none'}
+    ${fullWidth && 'w-full'}
     `;
 
-    if (size === 'md') classes += ' py-12 px-24';
-    if (size === 'lg')
-        if (fullWidth) classes += ' w-full'
+
 
     const handleClick = () => {
         if (isLoading && disableOnLoading) return;
diff --git a/src/Components/Navbar/NavMobile.tsx b/src/Components/Navbar/NavMobile.tsx
index c633c14..89aad5f 100644
--- a/src/Components/Navbar/NavMobile.tsx
+++ b/src/Components/Navbar/NavMobile.tsx
@@ -68,25 +68,27 @@ export default function NavMobile({ onSearch }: Props) {
                     animate={open ? "show" : "hide"}
                 >
                     <div className="px-16">
-                        <form className='relative' onSubmit={handleSubmit}>
+
+                        {/* <form className='relative' onSubmit={handleSubmit}>
                             <BsSearch className='absolute top-1/2 left-20 transform -translate-x-1/2  -translate-y-1/2 text-gray-500' />
                             <input
                                 value={searchInput}
                                 onChange={e => setSearchInput(e.target.value)}
                                 className="bg-gray-100 text-gray-600 focus:outline-primary w-full py-12 px-20 pl-40 rounded-24 placeholder-gray-500" placeholder="Search" />
 
-                            {/* <input className="btn bg-gray-100 w-full  rounded-24 mt-16 placeholder-gray-500" placeholder="Search" /> */}
-                        </form>
+                            <input className="btn bg-gray-100 w-full  rounded-24 mt-16 placeholder-gray-500" placeholder="Search" />
+                        </form> */}
+
                         <Button color='primary' fullWidth className="py-12 px-40 rounded-24 mt-40">Submit App️</Button>
-                        <Button color='gray' fullWidth className="py-12 px-40 rounded-24 my-16"> <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button>
+                        {/* <Button color='gray' fullWidth className="py-12 px-40 rounded-24 my-16"> <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button> */}
 
                     </div>
-                    <ul className="py-16 gap-64 border-t">
+                    {/* <ul className="py-16 gap-64 border-t">
                         {navLinks.map((link, idx) => <li key={idx} className="text-body3 p-16 hover:bg-gray-200">
                             <Link to={link.url}><link.icon className={`text-body2  inline-block mr-12 ${link.color}`} /> {link.text} </Link></li>
                         )}
-                    </ul>
-                    <ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12  border-t mt-auto">
+                    </ul> */}
+                    <ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12  border-t mt-32">
                         <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">About Us</a></li>
                         <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">Support</a></li>
                         <li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">Press</a></li>
diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx
index a070284..7d11a28 100644
--- a/src/Components/Navbar/Navbar.tsx
+++ b/src/Components/Navbar/Navbar.tsx
@@ -86,23 +86,23 @@ export default function Navbar() {
             {/* Desktop Nav */}
             <nav className="hidden bg-white w-full lg:flex fixed top-0 left-0 py-36 px-32 items-center z-[2010]">
                 <Link to='/'><h2 className="text-h5 font-bold mr-40 lg:mr-64">makers.bolt.fun</h2></Link>
-                <ul className="flex gap-32 xl:gap-64">
+                {/* <ul className="flex gap-32 xl:gap-64">
                     {navLinks.map((link, idx) => <li key={idx} className="text-body4 hover:text-primary-600">
                         <Link to={link.url}><link.icon className={`text-body2 align-middle inline-block mr-8 ${link.color}`} /> {link.text}</Link></li>
                     )}
 
-                </ul>
+                </ul> */}
                 <div className="ml-auto flex">
                     <motion.div
                         animate={searchOpen ? { opacity: 0 } : { opacity: 1 }}
                         className="flex">
                         <Button color='primary' size='md' className="lg:px-40">Submit App️</Button>
-                        {isWalletConnected ?
+                        {/* {isWalletConnected ?
                             <Button className="ml-16 py-12 px-16 lg:px-20">Connected <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /></Button>
                             : <Button className="ml-16 py-12 px-16 lg:px-20" onClick={onConnectWallet}><AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button>
-                        }
+                        } */}
                     </motion.div>
-                    <form onBlur={toggleSearch} className='relative flex items-center' onSubmit={handleSubmit}>
+                    {/* <form onBlur={toggleSearch} className='relative flex items-center' onSubmit={handleSubmit}>
                         {searchOpen ? <GrClose onClick={toggleSearch} className='text-gray-500 w-24 h-24 mx-12 z-20 hover:cursor-pointer' /> : <BsSearch onClick={toggleSearch} className='text-gray-500 w-24 h-24 mx-12 z-20 hover:cursor-pointer' />}
                         {searchOpen && <motion.input
                             ref={inputRef}
@@ -115,7 +115,7 @@ export default function Navbar() {
                             }}
                             className="absolute top-0 right-0 z-10 bg-gray-100 text-gray-600 focus:outline-primary w-[300px] py-12 px-20 pr-40 rounded-24 placeholder-gray-500" placeholder="Search" />
                         }
-                    </form>
+                    </form> */}
                 </div>
             </nav>
         </>