From 9ec82d8e17b262485055ff3b83c60ba2c6d9bc17 Mon Sep 17 00:00:00 2001
From: Brad Cathey <brad.cathey@protonmail.com>
Date: Thu, 6 Jun 2024 15:48:09 -0400
Subject: [PATCH 1/2] Added link to channel page

---
 src/components/layout/Navbar/Navbar.tsx | 33 +++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Navbar/Navbar.tsx b/src/components/layout/Navbar/Navbar.tsx
index 051a3cd..0ba6e48 100644
--- a/src/components/layout/Navbar/Navbar.tsx
+++ b/src/components/layout/Navbar/Navbar.tsx
@@ -65,8 +65,8 @@ const NavBar: React.FC<Props> = ({
   const [openUserDropdown, setOpenUserDropdown] = useState<boolean>(false);
   const [isOpenBlockedNamesModal, setIsOpenBlockedNamesModal] =
     useState<boolean>(false);
-
-  const [anchorElNotification, setAnchorElNotification] =
+    
+   const [anchorElNotification, setAnchorElNotification] =
     React.useState<HTMLButtonElement | null>(null);
   const filterValue = useSelector(
     (state: RootState) => state.video.filterValue
@@ -94,6 +94,10 @@ const NavBar: React.FC<Props> = ({
     setOpenUserDropdown(false);
   };
 
+  const handleMyChannelLink = () => {
+    navigate(`/channel/${userName}`);
+  };
+
   const onCloseBlockedNames = () => {
     setIsOpenBlockedNamesModal(false);
   };
@@ -415,6 +419,31 @@ const NavBar: React.FC<Props> = ({
             horizontal: "left",
           }}
         >
+          <DropdownContainer
+            onClick={() => {
+              handleMyChannelLink();
+              handleCloseUserDropdown();
+            }}
+          >
+            {!userAvatar ? (
+                <AccountCircleSVG
+                  color={theme.palette.text.primary}
+                  width="32"
+                  height="32"
+                />
+              ) : (
+                <img
+                  src={userAvatar}
+                  alt="User Avatar"
+                  width="32"
+                  height="32"
+                  style={{
+                    borderRadius: "50%",
+                  }}
+                />
+              )}
+            <DropdownText>My Channel</DropdownText>
+          </DropdownContainer>
           <DropdownContainer
             onClick={() => {
               setIsOpenBlockedNamesModal(true);

From 55c4ac304ad20299dd5cb74262c0297b8e61b334 Mon Sep 17 00:00:00 2001
From: Brad Cathey <brad.cathey@protonmail.com>
Date: Thu, 6 Jun 2024 15:54:03 -0400
Subject: [PATCH 2/2] removed extraneos space

---
 src/components/layout/Navbar/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/Navbar/Navbar.tsx b/src/components/layout/Navbar/Navbar.tsx
index 0ba6e48..37d477d 100644
--- a/src/components/layout/Navbar/Navbar.tsx
+++ b/src/components/layout/Navbar/Navbar.tsx
@@ -66,7 +66,7 @@ const NavBar: React.FC<Props> = ({
   const [isOpenBlockedNamesModal, setIsOpenBlockedNamesModal] =
     useState<boolean>(false);
     
-   const [anchorElNotification, setAnchorElNotification] =
+  const [anchorElNotification, setAnchorElNotification] =
     React.useState<HTMLButtonElement | null>(null);
   const filterValue = useSelector(
     (state: RootState) => state.video.filterValue