From 701029482644bd9f1fdc0226d8cac90f0a1fe8f4 Mon Sep 17 00:00:00 2001
From: Domenic Horner <domenic@tgxn.net>
Date: Sun, 22 Oct 2023 16:28:53 +0800
Subject: [PATCH] tooltips

---
 src/components/Actions/BaseElements.jsx |  6 ++++--
 src/components/Display.jsx              | 11 ++---------
 src/pages/Login.jsx                     |  6 ++++--
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/Actions/BaseElements.jsx b/src/components/Actions/BaseElements.jsx
index 4a20bb9..c10afce 100644
--- a/src/components/Actions/BaseElements.jsx
+++ b/src/components/Actions/BaseElements.jsx
@@ -18,6 +18,8 @@ import WarningRoundedIcon from "@mui/icons-material/WarningRounded";
 
 import useLemmyReports from "../../hooks/useLemmyReports";
 
+import { BasicInfoTooltip } from "../Tooltip.jsx";
+
 export const BaseActionButton = ({
   // icon = null,
   size = "small",
@@ -30,7 +32,7 @@ export const BaseActionButton = ({
   // const { isFetching } = useLemmyReports();
 
   return (
-    <Tooltip title={tooltip} color={color} variant="plain" placement="top" arrow disableInteractive>
+    <BasicInfoTooltip title={tooltip} color={color} variant="plain" placement="top" arrow disableInteractive>
       <Button
         variant={variant}
         color={color}
@@ -47,7 +49,7 @@ export const BaseActionButton = ({
       >
         {text}
       </Button>
-    </Tooltip>
+    </BasicInfoTooltip>
   );
 };
 
diff --git a/src/components/Display.jsx b/src/components/Display.jsx
index 96b3bef..48a0e71 100644
--- a/src/components/Display.jsx
+++ b/src/components/Display.jsx
@@ -108,14 +108,7 @@ export const UpvoteDownvoteChip = ({ counts, ...props }) => {
 
 export const FediverseChipLink = ({ href, size = "md", ...props }) => {
   return (
-    <Tooltip
-      title="Open on remote instance"
-      color="neutral"
-      variant="outlined"
-      placement="top"
-      disableInteractive
-      arrow
-    >
+    <BasicInfoTooltip title="Open on remote instance" color="neutral" variant="outlined" placement="top">
       <Chip
         component={Link}
         href={href}
@@ -140,6 +133,6 @@ export const FediverseChipLink = ({ href, size = "md", ...props }) => {
         }}
         {...props}
       />
-    </Tooltip>
+    </BasicInfoTooltip>
   );
 };
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index acbb27d..92590c0 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -24,6 +24,8 @@ import { LemmyHttp } from "lemmy-js-client";
 
 import { addUser, setAccountIsLoading, setUsers, setCurrentUser } from "../reducers/accountReducer";
 
+import { BasicInfoTooltip } from "../components/Tooltip.jsx";
+
 export default function LoginForm() {
   const dispatch = useDispatch();
 
@@ -190,14 +192,14 @@ export default function LoginForm() {
                 py: 1,
               }}
             >
-              <Tooltip title="Will this session will be saved in your browser?" placement="bottom">
+              <BasicInfoTooltip title="Will this session will be saved in your browser?" placement="bottom">
                 <Checkbox
                   label="Save Session"
                   variant="outlined"
                   checked={saveSession}
                   onChange={() => setSaveSession(!saveSession)}
                 />
-              </Tooltip>
+              </BasicInfoTooltip>
             </Box>
           </Box>