mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
JS style updates [skip ci]
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import * as React from "react";
|
||||
import { Button, Icon, Tooltip, useClipboard } from "@chakra-ui/core";
|
||||
import * as React from 'react';
|
||||
import { Button, Icon, Tooltip, useClipboard } from '@chakra-ui/core';
|
||||
|
||||
export const CopyButton = ({ bg = "secondary", copyValue, ...props }) => {
|
||||
export const CopyButton = ({ bg = 'secondary', copyValue, ...props }) => {
|
||||
const { onCopy, hasCopied } = useClipboard(copyValue);
|
||||
return (
|
||||
<Tooltip hasArrow label="Copy Output" placement="top">
|
||||
@@ -12,13 +12,8 @@ export const CopyButton = ({ bg = "secondary", copyValue, ...props }) => {
|
||||
zIndex="dropdown"
|
||||
onClick={onCopy}
|
||||
mx={1}
|
||||
{...props}
|
||||
>
|
||||
{hasCopied ? (
|
||||
<Icon name="check" size="16px" />
|
||||
) : (
|
||||
<Icon name="copy" size="16px" />
|
||||
)}
|
||||
{...props}>
|
||||
{hasCopied ? <Icon name="check" size="16px" /> : <Icon name="copy" size="16px" />}
|
||||
</Button>
|
||||
</Tooltip>
|
||||
);
|
||||
|
Reference in New Issue
Block a user