From a34d37ae769736f23dc24ed8e97491f02fa97a9f Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sun, 4 May 2025 17:58:59 +0100
Subject: [PATCH] feat: add tooltips to header

---
 src/components/header.tsx           | 2 +-
 src/components/logout-button.tsx    | 2 +-
 src/components/profile-overview.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index 96f3be3..6ff4582 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -24,7 +24,7 @@ export default async function Header() {
 
 			<ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-md:justify-center">
 				<li title="Random Mii">
-					<Link href={"/random"} className="pill button !p-0 h-full aspect-square">
+					<Link href={"/random"} className="pill button !p-0 h-full aspect-square" data-tooltip="Go to a Random Mii">
 						<Icon icon="mdi:dice-3" fontSize={28} />
 					</Link>
 				</li>
diff --git a/src/components/logout-button.tsx b/src/components/logout-button.tsx
index 3632119..bca3e1d 100644
--- a/src/components/logout-button.tsx
+++ b/src/components/logout-button.tsx
@@ -6,7 +6,7 @@ import { signOut } from "next-auth/react";
 export default function LogoutButton() {
 	return (
 		<li title="Logout">
-			<button onClick={() => signOut()} className="pill button !p-0 aspect-square h-full">
+			<button onClick={() => signOut()} className="pill button !p-0 aspect-square h-full" data-tooltip="Log Out">
 				<Icon icon="ic:round-logout" fontSize={24} />
 			</button>
 		</li>
diff --git a/src/components/profile-overview.tsx b/src/components/profile-overview.tsx
index c93f33b..af8ed84 100644
--- a/src/components/profile-overview.tsx
+++ b/src/components/profile-overview.tsx
@@ -7,7 +7,7 @@ export default async function ProfileOverview() {
 
 	return (
 		<li title="Your profile">
-			<Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64">
+			<Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64" data-tooltip="Your Profile">
 				<Image
 					src={session?.user?.image ?? "/missing.svg"}
 					alt="profile picture"