fakz9/Fulfillment-Frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: prettier

Browse Source
This commit is contained in:
admin
2024-09-27 04:47:04 +03:00
parent c5f839d9ef
commit de4fe450ab
253 changed files with 11322 additions and 10004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/ButtonCopy/ButtonCopy.tsx
View File

@@ -1,15 +1,15 @@
import {Button, rem, Tooltip} from '@mantine/core';
import {IconCheck, IconCopy} from '@tabler/icons-react';
import {FC} from "react";
import {useClipboard} from "@mantine/hooks";
import { Button, rem, Tooltip } from "@mantine/core";
import { IconCheck, IconCopy } from "@tabler/icons-react";
import { FC } from "react";
import { useClipboard } from "@mantine/hooks";
type Props = {
children: string;
value: string
value: string;
onCopiedLabel: string;
}
};
export const ButtonCopy: FC<Props> = ({children, onCopiedLabel, value}) => {
export const ButtonCopy: FC<Props> = ({ children, onCopiedLabel, value }) => {
const clipboard = useClipboard();
return (
@@ -18,20 +18,19 @@ export const ButtonCopy: FC<Props> = ({children, onCopiedLabel, value}) => {
offset={5}
position="bottom"
radius="xl"
transitionProps={{duration: 100, transition: 'slide-down'}}
opened={clipboard.copied}
>
transitionProps={{ duration: 100, transition: "slide-down" }}
opened={clipboard.copied}>
<Button
variant="light"
rightSection={
clipboard.copied ? (
<IconCheck
style={{width: rem(20), height: rem(20)}}
style={{ width: rem(20), height: rem(20) }}
stroke={1.5}
/>
) : (
<IconCopy
style={{width: rem(20), height: rem(20)}}
style={{ width: rem(20), height: rem(20) }}
stroke={1.5}
/>
)
@@ -42,13 +41,12 @@ export const ButtonCopy: FC<Props> = ({children, onCopiedLabel, value}) => {
root: {
paddingRight: rem(14),
},
section: {marginLeft: rem(22)},
section: { marginLeft: rem(22) },
}}
onClick={() => clipboard.copy(value)}
>
onClick={() => clipboard.copy(value)}>
{children}
</Button>
</Tooltip>
);
}
export default ButtonCopy;
};
export default ButtonCopy;