pre-build

VectortheGreat · Nov 9, 2023 · 4d4f709 · 4d4f709
1 parent 61b7635
commit 4d4f709
Show file tree

Hide file tree

Showing 20 changed files with 497 additions and 471 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
     "@firebase/firestore": "^4.3.0",
     "@reduxjs/toolkit": "^1.9.6",
     "dotenv": "^16.3.1",
-    "firebase": "^10.4.0",
+    "firebase": "^10.5.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-firebase-hooks": "^5.1.1",

diff --git a/src/components/Left Bar/LeftHeader.tsx b/src/components/Left Bar/LeftHeader.tsx
@@ -1,27 +1,24 @@
 import { signOut } from "firebase/auth";
-import { BsChatRightDots } from "react-icons/bs";
+// import { BsChatRightDots } from "react-icons/bs";
+import { IoMdSettings } from "react-icons/io";
 import { GoSignOut } from "react-icons/go";
-import { BsThreeDotsVertical } from "react-icons/bs";
 import { useDispatch, useSelector } from "react-redux";
 import { loginModeToggle, tokenInfo } from "../../redux/userSlice";
 import { authFBConfig } from "../../config/config";
 import { UserSliceStateSelector } from "../../types/UserTypes";
-import { useState } from "react";
 
 type LeftHeaderProps = {
-  setToggleMessageUserBar: (chatMode: boolean) => void;
+  //setToggleMessageUserBar: (chatMode: boolean) => void;
+  setUserSettingsModalOpen: (isOpen: boolean) => void;
 };
+
 const LeftHeader: React.FC<LeftHeaderProps> = ({
-  setToggleMessageUserBar,
+  // setToggleMessageUserBar,
   setUserSettingsModalOpen,
 }) => {
   const token = useSelector(
     (state: UserSliceStateSelector) => state.userStore.token
   );
-
-  const loggedUser = useSelector(
-    (state: UserSliceStateSelector) => state.userStore.loggedUser
-  );
   const auth = authFBConfig;
   const dispatch = useDispatch();
   const handleLogout = () => {
@@ -44,18 +41,17 @@ const LeftHeader: React.FC<LeftHeaderProps> = ({
       console.error("User is not authenticated. Cannot sign out.");
     }
   };
-  const [toggleThreeDots, setToggleThreeDots] = useState(false);
-  const toggleThreeDotsFunc = () => {
-    setToggleThreeDots(!toggleThreeDots);
-  };
 
   return (
     <div className="col-span-4 p-2">
       {token ? (
         <div className="flex justify-between items-center px-2">
-          <div className="flex space-x-5">
+          <div
+            className="flex space-x-5 cursor-pointer"
+            onClick={() => setUserSettingsModalOpen(true)}
+          >
             <img
-              src={`/src/assets/avatars/${authFBConfig.currentUser?.photoURL}.jpg`}
+              src={authFBConfig.currentUser?.photoURL || ""}
               alt="Profile Picture"
               className="w-12 h-12 object-cover rounded-full"
             />
@@ -64,42 +60,23 @@ const LeftHeader: React.FC<LeftHeaderProps> = ({
             </h1>
           </div>
           <div className="flex space-x-4">
-            <BsChatRightDots
+            {/* <BsChatRightDots
               size={24}
               className="cursor-pointer hover:text-rose-600"
               onClick={() =>
                 setToggleMessageUserBar(
                   (prevToggleMessageUserBar) => !prevToggleMessageUserBar
                 )
               }
-            ></BsChatRightDots>
-            <div onClick={toggleThreeDotsFunc}>
-              <BsThreeDotsVertical
-                className="cursor-pointer hover:text-rose-600"
-                size={24}
-              ></BsThreeDotsVertical>
-              {toggleThreeDots && (
-                <div className="bg-white rounded shadow-lg text-black absolute left-72 mt-2 ">
-                  <ul>
-                    <li
-                      onClick={() => setUserSettingsModalOpen(true)}
-                      className="border-black border-b-2 p-2 hover:bg-slate-500 cursor-pointer"
-                    >
-                      Settings
-                    </li>
-                    <li
-                      onClick={handleLogout}
-                      className="border-black border-b-2 p-2 hover:bg-slate-500 cursor-pointer"
-                    >
-                      Logout
-                    </li>
-                  </ul>
-                </div>
-              )}
-            </div>
-            <GoSignOut
+            ></BsChatRightDots> */}
+            <IoMdSettings
+              size={24}
               className="cursor-pointer hover:text-rose-600"
+              onClick={() => setUserSettingsModalOpen(true)}
+            ></IoMdSettings>
+            <GoSignOut
               size={24}
+              className="cursor-pointer hover:text-rose-600"
               onClick={handleLogout}
             ></GoSignOut>
           </div>