mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-13 11:23:50 +00:00
cv
856f9d308a
- remove unused code in collapse atom - stop text input from creating new line - clean overflow - restyle lock button - restyle action buttons - 10 second default on paginator - Pip shows running timer
23 lines
693 B
React
23 lines
693 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.300' : undefined}
|
|
variant={active ? 'solid' : 'outline'}
|
|
onClick={clickhandler}
|
|
_focus={{ boxShadow: 'none' }}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
}
|