From c98c1b94674c2ea73fc89ba782f35566dd5b6b2f Mon Sep 17 00:00:00 2001
From: Sumit Bisht <sumit7beazt@gmail.com>
Date: Sun, 28 Apr 2024 19:35:57 +0530
Subject: [PATCH] added teams url under a team name in teams section

---
 .../components/(dashboard)/layout/menu-switcher.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx b/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
index bb8429adc..4b90b5c93 100644
--- a/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
+++ b/apps/web/src/components/(dashboard)/layout/menu-switcher.tsx
@@ -170,11 +170,20 @@ export const MenuSwitcher = ({ user, teams: initialTeamsData }: MenuSwitcherProp
             <div className="custom-scrollbar max-h-[40vh] overflow-auto">
               {teams.map((team) => (
                 <DropdownMenuItem asChild key={team.id}>
-                  <Link href={formatRedirectUrlOnSwitch(team.url)}>
+                  <Link href={formatRedirectUrlOnSwitch(team.url)} className="group">
                     <AvatarWithText
                       avatarFallback={formatAvatarFallback(team.name)}
                       primaryText={team.name}
-                      secondaryText={formatSecondaryAvatarText(team)}
+                      secondaryText={
+                        <>
+                          <span className={cn('opacity', teams.length > 1 && 'group-hover:hidden')}>
+                            {formatSecondaryAvatarText(team)}
+                          </span>
+                          <span
+                            className={cn('opacity-0', teams.length > 1 && 'group-hover:opacity-75')}
+                          >{`/t/${team.url}`}</span>
+                        </>
+                      }
                       rightSideComponent={
                         isPathTeamUrl(team.url) && (
                           <CheckCircle2 className="ml-auto fill-black text-white dark:fill-white dark:text-black" />