From e88e1eab7e0d554ec875e978c6422a29b2d0b1e5 Mon Sep 17 00:00:00 2001
From: DarkIntaqt <61588850+DarkIntaqt@users.noreply.github.com>
Date: Sun, 28 Apr 2024 17:27:04 +0200
Subject: [PATCH] add a tooltip to user history button

---
 src/module/user/UserHistory.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/module/user/UserHistory.js b/src/module/user/UserHistory.js
index fe0e990..161637d 100644
--- a/src/module/user/UserHistory.js
+++ b/src/module/user/UserHistory.js
@@ -4,6 +4,7 @@ import Loader from "../Loader";
 import get from "../../func/get";
 import Match from "./Match";
 import { getStorage, setStorage, storageKeys } from "../../func/localStorageFunctions";
+import { Tooltip } from "react-tooltip";
 
 
 export default class History extends Component {
@@ -206,13 +207,14 @@ export default class History extends Component {
 
         return <div className={css.matches}>
 
+            <Tooltip id="hide-tip" />
             <div className={css.heading}>
                 <button className={!this.state.showMaxChallenges ? css.active : css.inactive} onClick={() => {
                     setStorage(storageKeys.showMaxChallenges, !this.state.showMaxChallenges);
                     this.setState({ showMaxChallenges: !this.state.showMaxChallenges });
-                }}>
+                }} data-tooltip-id="hide-tip" data-tooltip-content={"Don't show challenges that are either maxed or Master+"}>
                     <img src="https://lolcdn.darkintaqt.com/cdn/i.png" alt="" />
-                    hide maxed challenges
+                    Hide maxed challenges
                 </button>
             </div>
             <div className={css.matches}>