gitscope
/
← marzneshin / app/dashboard/src/pages/nodes/table/action-buttons.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/pages/nodes/table/action-buttons.tsx · v0.1.3
Source
1 63b702d Mardin 2y ago
2 63b702d Mardin 2y ago import { t } from 'i18next';
3 63b702d Mardin 2y ago import { Cog6ToothIcon } from '@heroicons/react/24/outline';
4 63b702d Mardin 2y ago import { chakra, HStack, IconButton, Tooltip } from '@chakra-ui/react';
5 63b702d Mardin 2y ago import { FC } from 'react';
6 63b702d Mardin 2y ago
7 63b702d Mardin 2y ago const iconProps = {
8 63b702d Mardin 2y ago baseStyle: {
9 63b702d Mardin 2y ago w: 4,
10 63b702d Mardin 2y ago h: 4,
11 63b702d Mardin 2y ago },
12 63b702d Mardin 2y ago };
13 63b702d Mardin 2y ago const CoreSettingsIcon = chakra(Cog6ToothIcon, iconProps);
14 63b702d Mardin 2y ago type ActionButtonsProps = {};
15 63b702d Mardin 2y ago
16 63b702d Mardin 2y ago export const ActionButtons: FC<ActionButtonsProps> = () => {
17 63b702d Mardin 2y ago return (
18 63b702d Mardin 2y ago <HStack
19 63b702d Mardin 2y ago justifyContent="flex-end"
20 63b702d Mardin 2y ago onClick={(e) => {
21 63b702d Mardin 2y ago e.preventDefault();
22 63b702d Mardin 2y ago e.stopPropagation();
23 63b702d Mardin 2y ago }}
24 63b702d Mardin 2y ago >
25 63b702d Mardin 2y ago <Tooltip
26 63b702d Mardin 2y ago label={
27 63b702d Mardin 2y ago t('nodesTable.coreSettings')
28 63b702d Mardin 2y ago }
29 63b702d Mardin 2y ago placement="top"
30 63b702d Mardin 2y ago >
31 63b702d Mardin 2y ago <IconButton
32 63b702d Mardin 2y ago p="0 !important"
33 63b702d Mardin 2y ago aria-label="core settings"
34 63b702d Mardin 2y ago bg="transparent"
35 63b702d Mardin 2y ago _dark={{
36 63b702d Mardin 2y ago _hover: {
37 63b702d Mardin 2y ago bg: 'gray.700',
38 63b702d Mardin 2y ago },
39 63b702d Mardin 2y ago }}
40 63b702d Mardin 2y ago size={{
41 63b702d Mardin 2y ago base: 'sm',
42 63b702d Mardin 2y ago md: 'md',
43 63b702d Mardin 2y ago }}
44 63b702d Mardin 2y ago >
45 63b702d Mardin 2y ago <CoreSettingsIcon />
46 63b702d Mardin 2y ago </IconButton>
47 63b702d Mardin 2y ago </Tooltip>
48 63b702d Mardin 2y ago </HStack >
49 63b702d Mardin 2y ago );
50 63b702d Mardin 2y ago };
51 63b702d Mardin 2y ago