Change default open delay of action tooltips to 2 seconds

morpheus65535 · Jun 5, 2022 · 51d1c46 · 51d1c46
1 parent 4481cda
commit 51d1c46
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>