chore: lock file fix

Author: Sanchitbajaj02

package.json

@@ -61,9 +61,8 @@
     "react-use": "^17.5.0",
     "resend": "2.1.0",
     "sharp": "0.33.1",
-    "sonner": "^1.4.0",
-    "tailwindcss": "^3.4.1",
-    "typescript": "5.1.6"
+    "sonner": "1.4.0",
+    "tailwindcss": "3.4.1"
   },
   "devDependencies": {
     "@commitlint/cli": "19.0.3",

src/backend/auth.api.ts

@@ -144,6 +144,7 @@ const getUserByUserId = async (userId: string) => {
 
 const login = async (email: string, password: string) => {
   try {
+    await account.deleteSessions();
     const response = await account.createEmailSession(email, password);
 
     if (!response) {

src/components/core/navbar/index.tsx

@@ -114,7 +114,6 @@ const Navbar = ({ starCount }: { starCount?: number }) => {
   return (
     <>
       <nav className="w-full sticky top-0 shadow-md py-2 backdrop-blur-sm dark:shadow-gray-600 z-50">
-
         {/* Desktop menu items */}
 
         <div className="max-w-screen-lg mx-auto flex items-center content-center justify-between backdrop-blur-sm bg-grey-100 bg-opacity-20 h-16 my-2">
@@ -129,15 +128,21 @@ const Navbar = ({ starCount }: { starCount?: number }) => {
           </Link>
 
           {/* Hamburger menu button for small screens */}
-          <div className="md:hidden flex items-center">
-            <button
-              onClick={() => setMenuOpen(!isMenuOpen)}
-              className={`px-2 lg:hidden dark:text-white dark:hover:text-primary text-secondary hover:text-primary transition-all duration-300 focus:outline-none ${
-                isMenuOpen ? "hidden" : "closed"
-              }`}
-            >
-              <Menu size={32} />
-            </button>
+
+          <div className="md:hidden flex justify-end items-center">
+            <div className="mr-2">
+              <ThemeButton iconSize={18} />
+            </div>
+            <div className="flex">
+              <button
+                onClick={() => setMenuOpen(!isMenuOpen)}
+                className={`px-2 lg:hidden dark:text-white dark:hover:text-primary text-secondary hover:text-primary transition-all duration-300 focus:outline-none ${
+                  isMenuOpen ? "hidden" : "closed"
+                }`}
+              >
+                <Menu size={32} />
+              </button>
+            </div>
           </div>
 
           <div className="hidden md:flex gap-2 flex-row items-center">
@@ -198,51 +203,44 @@ const Navbar = ({ starCount }: { starCount?: number }) => {
 
         {/* Mobile menu */}
         {isMenuOpen && (
-          <div className="bg-secondary-light bg-opacity-25 dark:bg-primary-light dark:bg-opacity-25 h-full z-10 w-1/2 fixed inset-y-0 right-0 md:hidden transition-transform duration-300">
+          <div className="bg-secondary-light backdrop-blur-sm bg-opacity-60 dark:bg-primary-light dark:bg-opacity-60 h-[100vh] z-50 w-1/2 fixed inset-y-0 right-0 md:hidden transition-transform duration-300">
             <button
               onClick={() => setMenuOpen(!isMenuOpen)}
-              className={`absolute right-2 top-6 dark:text-white dark:hover:text-primary focus:outline-none ${
+              className={`absolute right-2 top-6 text-white dark:hover:text-primary focus:outline-none ${
                 isMenuOpen ? "open" : "closed"
-              } text-gray-600 hover:text-primary lg:hidden`}
+              }  hover:text-primary lg:hidden`}
             >
               <X size={32} />
             </button>
 
-            <div className="grid grid-cols-1 gap-10 mt-24">
-              <div className="text-center">
-                <ThemeButton iconSize={24} />
-              </div>
-
+            <div className="grid grid-cols-1 gap-4 mt-24 backdrop-blur-sm ">
               <Link
                 href="https://github.com/Sanchitbajaj02/palettegram"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="flex items-center text-sm mx-2 px-10 py-2 rounded-full bg-primary text-white"
+                className="flex items-center text-sm mx-2 px-10 py-2 rounded-full bg-primary text-white  hover:border-2 hover:bg-transparent"
               >
                 <Github size={20} className="mr-4" /> {starCount} Stars
               </Link>
 
-              {userAuth && userAuth.data?.$id && (
-                <>
-                  <Link
-                    href="/register"
-                    className="inline-block mx-2 px-6 py-2 text-sm rounded-full text-white bg-primary text-center"
-                  >
-                    Register
-                  </Link>
+              <Link
+                href="/register"
+                className="inline-block mx-2 px-6 py-2 text-sm rounded-full text-white bg-primary text-center hover:border-2 hover:bg-transparent "
+              >
+                Register
+              </Link>
+
+              <Link
+                href="/login"
+                className="inline-block mx-2 px-6 py-2 text-sm rounded-full text-white bg-primary text-center  hover:border-2 hover:bg-transparent"
+              >
+                Login
+              </Link>
 
-                  <Link
-                    href="/login"
-                    className="inline-block mx-2 px-6 py-2 text-sm rounded-full text-white bg-primary text-center"
-                  >
-                    Login
-                  </Link>
-                </>
-              )}
               {userAuth && userAuth.data?.$id && (
                 <Link
                   href={`/user/${userAuth.data?.$id}`}
-                  className="mx-2 px-2 py-2 rounded-full bg-primary text-white"
+                  className="mx-2 px-2 py-2 rounded-full bg-primary hover text-white "
                 >
                   <User size={22} className="transition-all duration-300 " />
                 </Link>

src/components/core/themeButton/index.tsx

@@ -28,15 +28,15 @@ export default function ThemeButton({ iconSize }: { iconSize: number }) {
     <>
       {theme === "dark" ? (
         <button
-          className="px-2 py-2 md:flex fixed md:static block md:top-0 md:m-0 top-1 m-2 rounded-full hover:bg-primary-light hover:scale-105 bg-primary text-white"
+          className="px-2 py-2 md:flex rounded-full hover:bg-primary-light hover:scale-105 bg-primary text-white"
           onClick={() => setTheme("light")}
         >
           <Sun size={iconSize} cursor="pointer" className="transition-all duration-300" />
           <span className="sr-only">theme button</span>
         </button>
       ) : (
         <button
-          className="px-2 py-2 md:flex fixed md:static block md:top-0 md:m-0 top-1 m-2 rounded-full hover:bg-primary-light hover:scale-105 bg-primary text-white"
+          className="px-2 py-2 md:flex rounded-full hover:bg-primary-light hover:scale-105 bg-primary text-white"
           onClick={() => setTheme("dark")}
         >
           <Moon size={iconSize} cursor="pointer" className="transition-all duration-300" />

yarn.lock

@@ -384,7 +384,7 @@
 
 "@img/sharp-win32-x64@0.33.1":
   version "0.33.1"
-  resolved "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.1.tgz"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.1.tgz#8b56e97dc9d987b070d7530a357161d0f057c5af"
   integrity sha512-XaM69X0n6kTEsp9tVYYLhXdg7Qj32vYJlAKRutxUsm1UlgQNx6BOhHwZPwukCGXBU2+tH87ip2eV1I/E8MQnZg==
 
 "@isaacs/cliui@^8.0.2":
@@ -588,9 +588,9 @@
     postcss-selector-parser "6.0.10"
 
 "@tiptap/core@^2.1.16":
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/@tiptap/core/-/core-2.3.2.tgz"
-  integrity sha512-4sMpzYuxiG+fYMwPRXy+mLRVU315KEqzQUcBc2FEgSsmw9Kionykmkq3DvEco7rH8r0NdV/l9R49wVEtX54VqQ==
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/@tiptap/core/-/core-2.4.0.tgz"
+  integrity sha512-YJSahk8pkxpCs8SflCZfTnJpE7IPyUWIylfgXM2DefjRQa5DZ+c6sNY0s/zbxKYFQ6AuHVX40r9pCfcqHChGxQ==
 
 "@tiptap/extension-blockquote@^2.1.16":
   version "2.2.4"
@@ -4782,12 +4782,7 @@ typed-array-length@^1.0.5:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
-typescript@5.1.6:
-  version "5.1.6"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz"
-  integrity sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==
-
-typescript@^5.4.5:
+typescript@^5.3.3:
   version "5.4.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.4.5.tgz#42ccef2c571fdbd0f6718b1d1f5e6e5ef006f611"
   integrity sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==