From 97973cedb96dd6dd108245e6e93fb9b00c87a8ca Mon Sep 17 00:00:00 2001
From: haseebzaki-07 <haseebzaki13@gmail.com>
Date: Sat, 3 Aug 2024 23:55:25 +0530
Subject: [PATCH 1/2] improve_navbar

---
 backend/.env.example               |  2 +-
 frontend/src/components/Navbar.tsx | 21 ++++++++++++---------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/backend/.env.example b/backend/.env.example
index 34281045..aaf8e099 100644
--- a/backend/.env.example
+++ b/backend/.env.example
@@ -1,4 +1,4 @@
-DATABASE_URL="mongodb+srv://<username>:<password>@<cluster-name>/syleshare"
+DATABASE_URL="mongodb+srv://username:pass@cluster0.k7v9clo.mongodb.net/styleshare"
 JWT_SECRET="secret"
 PORT=3001
 # EMAIL_USER=user_email_id
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index e183dfb9..eaf428a3 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -41,15 +41,15 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
 
   const getNavLinkClass = (path: string) => {
     return location.pathname === path
-      ? "block rounded-md px-3 py-2 text-base font-medium text-gray-50  dark:text-gray-50  bg-[#2575fc]"
-      : "block rounded-md px-3 py-2 text-base font-medium text-gray-50 dark:text-gray-50 hover:bg-[#2575fc] ";
+      ? "block rounded-md px-3 py-2 text-base font-medium text-gray-50  dark:text-gray-50  bg-[#2575fc] "
+      : "block rounded-md px-3 py-2 text-base font-medium text-gray-50 dark:text-gray-50 hover:bg-[#2575fc]   ";
   };
 
   return (
     <div>
       <nav className="bg-gradient-to-r from-[#6a11cb] via-[#ab67df] to-[#2575fc] fixed w-full z-50">
         <div className="mx-auto max-w-7xl px-2 md:px-6 lg:px-8">
-          <div className="relative flex h-16 items-center justify-between">
+          <div className="relative flex h-16 items-center justify-between ">
             <Link to="/app" className="flex flex-shrink-0 items-center">
               <img
                 src={logo}
@@ -60,9 +60,9 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
                 Style Share
               </span>
             </Link>
-            <div className="flex items-center justify-between  w-full">
-              <div className="hidden lg:block md:ml-2">
-                <div className="flex  gap-[38vw]">
+            <div className="flex items-center justify-between  w-full ">
+              <div className="hidden lg:block md:ml-2 ">
+                <div className="flex  gap-[34vw]">
                   <div className="flex items-center ">
                     <Link
                       to="/app"
@@ -133,14 +133,15 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
                   {isLoggedIn && (
                     <button
                       type="button"
-                      className="relative mr-1 flex rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
+                      className="relative mr-2 w-10  flex rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
                       id="user-menu-button"
                       aria-expanded={isProfileDropdownOpen ? "true" : "false"}
                       aria-haspopup="true"
                       onClick={toggleProfileDropdown}
                     >
                       <span className="sr-only">Open user menu</span>
-                      <img
+                     
+                     <img
                         className="h-10 w-10 rounded-full"
                         src={
                           user?.avatar ||
@@ -148,6 +149,7 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
                         }
                         alt={user?.username}
                       />
+                     
                     </button>
                   )}
                 </div>
@@ -227,7 +229,7 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
           </div>
         </div>
         <div
-          className={`${isMenuOpen ? "block" : "hidden"} lg:hidden`}
+          className={`${isMenuOpen ? "block" : "hidden"} lg:hidden ]`}
           id="mobile-menu"
         >
           <div className="space-y-1 px-2 pt-2 pb-3">
@@ -258,6 +260,7 @@ const Navbar: React.FC<NavbarProps> = ({ theme, toggleTheme }) => {
                 <Link
                   to="/app/new-post"
                   className={getNavLinkClass("/app/new-post")}
+                  
                   onClick={closeMenu}
                 >
                   New Post

From 10c4b8827b0d1f2f22d7aba4225204701a7051a6 Mon Sep 17 00:00:00 2001
From: Haseeb Zaki <147314463+haseebzaki-07@users.noreply.github.com>
Date: Sun, 4 Aug 2024 20:15:28 +0530
Subject: [PATCH 2/2] Update .env.example

---
 backend/.env.example | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/.env.example b/backend/.env.example
index aaf8e099..5c59ad02 100644
--- a/backend/.env.example
+++ b/backend/.env.example
@@ -1,7 +1,7 @@
-DATABASE_URL="mongodb+srv://username:pass@cluster0.k7v9clo.mongodb.net/styleshare"
+DATABASE_URL="mongodb+srv://<username>:<password>@<cluster-name>/syleshare"
 JWT_SECRET="secret"
 PORT=3001
 # EMAIL_USER=user_email_id
 # EMAIL_PASS=16char_app_password
 # SEND_EMAIL=true # Uncomment this to turn on email functionality on development
-# API_KEY="your google gemini api key"
\ No newline at end of file
+# API_KEY="your google gemini api key"