Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add tooltip to IAISwitch

Browse Source
This commit is contained in:
psychedelicious 2023-06-03 22:47:51 +10:00
parent 4f7820719b
commit 2270c270ef
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/common/components/IAISwitch.tsx
View File

@ -5,6 +5,7 @@ import {
FormLabelProps, FormLabelProps,
Switch, Switch,
SwitchProps, SwitchProps,
Tooltip,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { memo } from 'react'; import { memo } from 'react';
@ -13,6 +14,7 @@ interface Props extends SwitchProps {
width?: string | number; width?: string | number;
formControlProps?: FormControlProps; formControlProps?: FormControlProps;
formLabelProps?: FormLabelProps; formLabelProps?: FormLabelProps;
tooltip?: string;
} }
/** /**
@ -25,9 +27,11 @@ const IAISwitch = (props: Props) => {
width = 'auto', width = 'auto',
formControlProps, formControlProps,
formLabelProps, formLabelProps,
tooltip,
...rest ...rest
} = props; } = props;
return ( return (
<Tooltip label={tooltip} hasArrow placement="top" isDisabled={!tooltip}>
<FormControl <FormControl
isDisabled={isDisabled} isDisabled={isDisabled}
width={width} width={width}
@ -43,6 +47,7 @@ const IAISwitch = (props: Props) => {
)} )}
<Switch {...rest} /> <Switch {...rest} />
</FormControl> </FormControl>
</Tooltip>
); );
}; };