From 51d1c46b18dce4d677422d1726ed177a3e81bfe3 Mon Sep 17 00:00:00 2001
From: LASER-Yi <liangyi0007@gmail.com>
Date: Sun, 5 Jun 2022 11:41:22 +0800
Subject: [PATCH] Change default open delay of action tooltips to 2 seconds

---
 frontend/src/App/Header.tsx               | 2 +-
 frontend/src/components/inputs/Action.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App/Header.tsx b/frontend/src/App/Header.tsx
index 320fdc374..e0111a26a 100644
--- a/frontend/src/App/Header.tsx
+++ b/frontend/src/App/Header.tsx
@@ -85,7 +85,7 @@ const AppHeader: FunctionComponent = () => {
             control={
               <Action
                 label="System"
-                tooltip={{ position: "left" }}
+                tooltip={{ position: "left", openDelay: 2000 }}
                 loading={offline}
                 color={offline ? "yellow" : undefined}
                 icon={faGear}
diff --git a/frontend/src/components/inputs/Action.tsx b/frontend/src/components/inputs/Action.tsx
index 1809221fe..0bcdeea01 100644
--- a/frontend/src/components/inputs/Action.tsx
+++ b/frontend/src/components/inputs/Action.tsx
@@ -14,14 +14,14 @@ import { forwardRef } from "react";
 export type ActionProps = ActionIconProps<"button"> & {
   icon: IconDefinition;
   label: string;
-  tooltip?: Omit<TooltipProps, "label" | "openDelay" | "children">;
+  tooltip?: Omit<TooltipProps, "label" | "children">;
   iconProps?: Omit<FontAwesomeIconProps, "icon">;
 };
 
 const Action = forwardRef<HTMLButtonElement, ActionProps>(
   ({ icon, iconProps, label, tooltip, ...props }, ref) => {
     return (
-      <Tooltip {...tooltip} label={label} openDelay={500}>
+      <Tooltip openDelay={1500} {...tooltip} label={label}>
         <ActionIcon aria-label={label} {...props} ref={ref}>
           <FontAwesomeIcon icon={icon} {...iconProps}></FontAwesomeIcon>
         </ActionIcon>