jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 05:41:17 -04:00
Code Issues Activity

use memo more wisely

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-22 10:06:24 -05:00
parent 224358fd68
commit d06ebfcf60
11 changed files with 70 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/CopyButton/CopyButton.tsx
View File

@@ -1,9 +1,9 @@
import { useState, useEffect } from "react";
import { forwardRef, useState, useEffect } from "react";
import classNames from "classnames/bind";
import copy from "copy-to-clipboard";
import innerText from "react-innertext";
import { ClipboardOcticon, CheckOcticon } from "../Icons";
import type { ReactNode } from "react";
import type { ReactNode, Ref } from "react";
import styles from "./CopyButton.module.css";
const cx = classNames.bind(styles);
@@ -14,7 +14,10 @@ type Props = {
className?: string;
};
const CopyButton = ({ source, timeout = 2000, className }: Props) => {
const CopyButton = forwardRef(function CopyButton(
{ source, timeout = 2000, className }: Props,
ref: Ref<HTMLButtonElement>
) {
const [copied, setCopied] = useState(false);
const handleCopy = (e) => {
@@ -49,10 +52,11 @@ const CopyButton = ({ source, timeout = 2000, className }: Props) => {
aria-label="Copy to clipboard"
onClick={handleCopy}
disabled={!!copied}
ref={ref}
>
{copied ? <CheckOcticon fill="currentColor" /> : <ClipboardOcticon fill="currentColor" />}
</button>
);
};
});
export default CopyButton;