mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-12 10:53:51 +00:00
67ddcd8c68
* feat/table add react-table * feat/table add protected table route * feat/table upgrade dependencies * feat/table support parsing of new properties Co-authored-by: DeepSource Bot <bot@deepsource.io>
22 lines
654 B
React
22 lines
654 B
React
import React from 'react';
|
|
import { IconButton } from '@chakra-ui/button';
|
|
import { IoPause } from '@react-icons/all-files/io5/IoPause';
|
|
import { Tooltip } from '@chakra-ui/tooltip';
|
|
|
|
export default function PauseIconBtn(props) {
|
|
const { clickhandler, active, disabled, ...rest } = props;
|
|
return (
|
|
<Tooltip label='Pause timer' openDelay={500} shouldWrapChildren={disabled}>
|
|
<IconButton
|
|
icon={<IoPause size='24px' />}
|
|
colorScheme='orange'
|
|
variant={active ? 'solid' : 'outline'}
|
|
onClick={clickhandler}
|
|
width={120}
|
|
_focus={{ boxShadow: 'none' }}
|
|
{...rest}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
}
|