New Feature Updates, more coverage. (#385)

* Shouldn't be there.

* Removing

* Removing old libraries

* Updating

* Feature Changes and updates

* Update README.md

components/common/Navbar/Navbar.module.css

@@ -1,5 +1,6 @@
 .root {
   @apply sticky top-0 bg-primary z-40 transition-all duration-150;
+  min-height: 74px;
 }
 
 .nav {

components/common/Navbar/Navbar.tsx

@@ -34,9 +34,11 @@ const Navbar: FC<NavbarProps> = ({ links }) => (
             ))}
           </nav>
         </div>
-        <div className="justify-center flex-1 hidden lg:flex">
-          <Searchbar />
-        </div>
+        {process.env.COMMERCE_SEARCH_ENABLED && (
+          <div className="justify-center flex-1 hidden lg:flex">
+            <Searchbar />
+          </div>
+        )}
         <div className="flex items-center justify-end flex-1 space-x-8">
           <UserNav />
         </div>

components/common/UserNav/UserNav.tsx

@@ -25,10 +25,12 @@ const UserNav: FC<Props> = ({ className }) => {
   return (
     <nav className={cn(s.root, className)}>
       <ul className={s.list}>
-        <li className={s.item} onClick={toggleSidebar}>
-          <Bag />
-          {itemsCount > 0 && <span className={s.bagCount}>{itemsCount}</span>}
-        </li>
+        {process.env.COMMERCE_CART_ENABLED && (
+          <li className={s.item} onClick={toggleSidebar}>
+            <Bag />
+            {itemsCount > 0 && <span className={s.bagCount}>{itemsCount}</span>}
+          </li>
+        )}
         {process.env.COMMERCE_WISHLIST_ENABLED && (
           <li className={s.item}>
             <Link href="/wishlist">
@@ -38,7 +40,7 @@ const UserNav: FC<Props> = ({ className }) => {
             </Link>
           </li>
         )}
-        {process.env.COMMERCE_CUSTOMER_ENABLED && (
+        {process.env.COMMERCE_CUSTOMERAUTH_ENABLED && (
           <li className={s.item}>
             {customer ? (
               <DropdownMenu />