From 9e7664874d960b99751948b8cf8cc520483ebdc9 Mon Sep 17 00:00:00 2001
From: okmttdhr <okmttdhr@users.noreply.github.com>
Date: Mon, 19 Feb 2024 12:59:38 +0900
Subject: [PATCH] Add tooltips

---
 client/layout/global-sidebar/footer.tsx | 14 ++++++++++++--
 client/layout/global-sidebar/style.scss |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/layout/global-sidebar/footer.tsx b/client/layout/global-sidebar/footer.tsx
index 4e72d2a8e4cafd..0a550b6928c6a8 100644
--- a/client/layout/global-sidebar/footer.tsx
+++ b/client/layout/global-sidebar/footer.tsx
@@ -31,10 +31,20 @@ export const GlobalSidebarFooter: FC< {
 } > = ( { translate, user } ) => {
 	return (
 		<SidebarFooter>
-			<a href="/read" className="sidebar__footer-link" title={ translate( 'Reader' ) }>
+			<a
+				href="/read"
+				className="sidebar__footer-link tooltip tooltip-bottom"
+				title={ translate( 'Reader' ) }
+				data-tooltip={ translate( 'Reader' ) }
+			>
 				<CustomReaderIcon />
 			</a>
-			<a href="/me" className="sidebar__footer-link" title={ translate( 'Profile' ) }>
+			<a
+				href="/me"
+				className="sidebar__footer-link tooltip tooltip-bottom"
+				title={ translate( 'Profile' ) }
+				data-tooltip={ translate( 'Profile' ) }
+			>
 				<Gravatar user={ user } size={ 20 } imgSize={ 20 } />
 			</a>
 			<AsyncLoad
diff --git a/client/layout/global-sidebar/style.scss b/client/layout/global-sidebar/style.scss
index e91dea68a62704..cf9752140d6bdd 100644
--- a/client/layout/global-sidebar/style.scss
+++ b/client/layout/global-sidebar/style.scss
@@ -145,6 +145,7 @@
 			align-items: center;
 			margin-left: 20px;
 			height: 40px;
+			cursor: pointer;
 			svg {
 				fill: var(--studio-white);
 			}