From 75ff1a97878f821e7053d845e62ef2ba8098fc57 Mon Sep 17 00:00:00 2001
From: Soham Gupta <97831613+gupta-soham@users.noreply.github.com>
Date: Thu, 17 Oct 2024 23:48:32 +0530
Subject: [PATCH] fix: Restore search functionality in Navbar component (#1466)

---
 src/components/Navbar.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d7b3fbe98..bc0bb781a 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -5,7 +5,7 @@ import { useSession } from 'next-auth/react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useState, useCallback, useMemo } from 'react';
 import Link from 'next/link';
-import { ArrowLeft, Menu, X } from 'lucide-react';
+import { ArrowLeft, Menu, Search, X } from 'lucide-react';
 import { Button } from './ui/button';
 import { AppbarAuth } from './AppbarAuth';
 import ThemeToggler from './ThemeToggler';
@@ -94,6 +94,25 @@ export const Navbar = () => {
             variants={navItemVariants}
             custom={1}
           >
+            {/* Search Bar */}
+            {session?.user && (
+              <>
+                <div className="hidden md:block">
+                  <SearchBar />
+                </div>
+                <div className="md:hidden">
+                  <Button
+                    onClick={toggleSearch}
+                    variant={'ghost'}
+                    size={'icon'}
+                    className="mr-2"
+                  >
+                    <Search className="size-6" />
+                  </Button>
+                </div>
+              </>
+            )}
+
             <ThemeToggler />
             {session?.user && <ProfileDropdown />}