Change default open delay of action tooltips to 2 seconds

pull/1867/head
LASER-Yi 2 years ago
parent 4481cda600
commit 51d1c46b18

@ -85,7 +85,7 @@ const AppHeader: FunctionComponent = () => {
control={ control={
<Action <Action
label="System" label="System"
tooltip={{ position: "left" }} tooltip={{ position: "left", openDelay: 2000 }}
loading={offline} loading={offline}
color={offline ? "yellow" : undefined} color={offline ? "yellow" : undefined}
icon={faGear} icon={faGear}

@ -14,14 +14,14 @@ import { forwardRef } from "react";
export type ActionProps = ActionIconProps<"button"> & { export type ActionProps = ActionIconProps<"button"> & {
icon: IconDefinition; icon: IconDefinition;
label: string; label: string;
tooltip?: Omit<TooltipProps, "label" | "openDelay" | "children">; tooltip?: Omit<TooltipProps, "label" | "children">;
iconProps?: Omit<FontAwesomeIconProps, "icon">; iconProps?: Omit<FontAwesomeIconProps, "icon">;
}; };
const Action = forwardRef<HTMLButtonElement, ActionProps>( const Action = forwardRef<HTMLButtonElement, ActionProps>(
({ icon, iconProps, label, tooltip, ...props }, ref) => { ({ icon, iconProps, label, tooltip, ...props }, ref) => {
return ( return (
<Tooltip {...tooltip} label={label} openDelay={500}> <Tooltip openDelay={1500} {...tooltip} label={label}>
<ActionIcon aria-label={label} {...props} ref={ref}> <ActionIcon aria-label={label} {...props} ref={ref}>
<FontAwesomeIcon icon={icon} {...iconProps}></FontAwesomeIcon> <FontAwesomeIcon icon={icon} {...iconProps}></FontAwesomeIcon>
</ActionIcon> </ActionIcon>

Loading…
Cancel
Save