cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-08 08:53:51 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

cleanup buttons

Browse Source
This commit is contained in:
cv
2021-05-20 12:38:48 +02:00
parent 438bceba57
commit 272458b412
4 changed files with 49 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/common/components/buttons/CollapseBtn.jsx
+13 -11
View File
@@ -1,18 +1,20 @@
import { Button } from '@chakra-ui/button';
import { IconButton } from '@chakra-ui/button';
import { Tooltip } from '@chakra-ui/tooltip';
import { FiChevronsUp } from 'react-icons/fi';
export default function CollapseBtn(props) {
const { clickhandler } = props;
return (
<Button
size={props.size || 'xs'}
leftIcon={<FiChevronsUp />}
colorScheme='white'
variant='outline'
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
>
Collapse All
</Button>
<Tooltip label='Collapse all'>
<IconButton
size={props.size || 'xs'}
icon={<FiChevronsUp />}
colorScheme='white'
variant='outline'
background='#fff1'
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
/>
</Tooltip>
);
}
client/src/common/components/buttons/CurrentBtn.jsx
+2 -2
View File
@@ -2,13 +2,13 @@ import { Button } from '@chakra-ui/button';
import { FiTarget } from 'react-icons/fi';
export default function CurrentBtn(props) {
const { clickhandler } = props;
const { clickhandler, active } = props;
return (
<Button
size={props.size || 'xs'}
leftIcon={<FiTarget />}
colorScheme='whiteAlpha'
variant='outline'
variant={active ? 'solid' : 'outline'}
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
>
client/src/common/components/buttons/ExpandBtn.jsx
+13 -11
View File
@@ -1,18 +1,20 @@
import { Button } from '@chakra-ui/button';
import { IconButton } from '@chakra-ui/button';
import { Tooltip } from '@chakra-ui/tooltip';
import { FiChevronsDown } from 'react-icons/fi';
export default function ExpandBtn(props) {
const { clickhandler } = props;
return (
<Button
size={props.size || 'xs'}
leftIcon={<FiChevronsDown />}
colorScheme='white'
variant='outline'
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
>
Expand All
</Button>
<Tooltip label='Expand all'>
<IconButton
size={props.size || 'xs'}
icon={<FiChevronsDown />}
colorScheme='white'
variant='outline'
background='#fff1'
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
/>
</Tooltip>
);
}
client/src/common/components/buttons/LockIconBtn.jsx
+21
View File
@@ -0,0 +1,21 @@
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 />}
colorScheme='pink'
color={'pink.300'}
variant={active ? 'solid' : 'outline'}
onClick={clickhandler}
_focus={{ boxShadow: 'none' }}
/>
</Tooltip>
);
}