From c047556fa2e261d80e9bab9f614bd18029821e5f Mon Sep 17 00:00:00 2001
From: PandeCode <pandeshawnbenjamin@gmail.com>
Date: Fri, 3 Mar 2023 20:55:12 +0300
Subject: [PATCH] Add tooltips and alt attributes to Header and Home components

---
 src/components/Header.tsx |  3 ++-
 src/components/Home.tsx   | 36 ++++++++++++++++++++----------------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index cf2795a..4aaa898 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -93,7 +93,7 @@ export default function HeaderSimple({ links }: HeaderSimpleProps) {
 	return (
 		<Header height={60} style={{ position: "absolute", top: 0, left: 0 }}>
 			<Container className={classes.header}>
-				<img width={32} height={32} src="https://pandecode.github.io/anode/favicon-32x32.png" />
+				<img width={32} height={32} alt="Anode" src="https://pandecode.github.io/anode/favicon-32x32.png" />
 				<Group spacing={5} className={classes.links}>
 					{links.map((link) => (
 						<a
@@ -143,6 +143,7 @@ export default function HeaderSimple({ links }: HeaderSimpleProps) {
 				<Menu opened={opened}>
 					<Menu.Target>
 						<Burger
+							title="Menu"
 							opened={opened}
 							onClick={toggle}
 							className={classes.burger}
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 74d5ae1..aae61ad 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -6,6 +6,7 @@ import {
 	Popover,
 	Text,
 	TextInput,
+	Tooltip,
 } from "@mantine/core";
 import {
 	IconArrowLeft,
@@ -133,22 +134,25 @@ export default function Home({ }: HomeProps) {
 								}}
 							>
 								<Flex gap={"md"}>
-									<ActionIcon
-										onClick={() => {
-											setType("ANIME");
-											setTypeChooserOpen(false);
-										}}
-									>
-										<IconDeviceTv />{" "}
-									</ActionIcon>
-									<ActionIcon
-										onClick={() => {
-											setType("MANGA");
-											setTypeChooserOpen(false);
-										}}
-									>
-										<IconBook />{" "}
-									</ActionIcon>
+									<Tooltip label="Select Type" withArrow>
+										<ActionIcon
+											title="Select Type"
+											onClick={() => {
+												setType("ANIME");
+												setTypeChooserOpen(false);
+											}}
+										>
+											<IconDeviceTv />{" "}
+										</ActionIcon>
+										<ActionIcon
+											onClick={() => {
+												setType("MANGA");
+												setTypeChooserOpen(false);
+											}}
+										>
+											<IconBook />{" "}
+										</ActionIcon>
+									</Tooltip>
 								</Flex>
 							</Popover.Dropdown>
 						</Popover>