mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-15 04:13:47 +00:00
cv
0f26be3c17
small improvements in app style - fade in splash screen - notifications without sound - change header style - non selectable text app wide - change logo - lock button more accessible - link to help - tooltip on collapse delay - tooltip on private / public event toggle
23 lines
695 B
React
23 lines
695 B
React
import { IconButton } from '@chakra-ui/button';
|
|
import { Tooltip } from '@chakra-ui/tooltip';
|
|
import { FiTarget } from 'react-icons/fi';
|
|
|
|
export default function LockIconBtn(props) {
|
|
const { clickhandler, active, ref } = props;
|
|
return (
|
|
<Tooltip label='Lock cursor to current'>
|
|
<IconButton
|
|
ref={ref}
|
|
size={props.size || 'xs'}
|
|
icon={<FiTarget />}
|
|
color={active ? 'pink.100' : 'pink.300'}
|
|
borderColor={active ? undefined : 'pink.300'}
|
|
backgroundColor={active ? 'pink.400' : undefined}
|
|
variant={active ? 'solid' : 'outline'}
|
|
onClick={clickhandler}
|
|
_focus={{ boxShadow: 'none' }}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
}
|