alihan/OpenPipe-llm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

utlilize useHandledAsyncCallback in CopiableCode

Browse Source
This commit is contained in:
David Corbitt
2023-08-08 11:27:59 -07:00
parent a1249f17c9
commit bd7c8b43b0
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/components/CopiableCode.tsx
View File

@@ -1,17 +1,14 @@
import { HStack, Icon, IconButton, Tooltip, Text } from "@chakra-ui/react"; import { HStack, Icon, IconButton, Tooltip, Text } from "@chakra-ui/react";
import { useCallback, useState } from "react"; import { useState } from "react";
import { MdContentCopy } from "react-icons/md"; import { MdContentCopy } from "react-icons/md";
import { useHandledAsyncCallback } from "~/utils/hooks";
const CopiableCode = ({ code }: { code: string }) => { const CopiableCode = ({ code }: { code: string }) => {
const [copied, setCopied] = useState(false); const [copied, setCopied] = useState(false);
const copyToClipboard = useCallback(() => { const [copyToClipboard] = useHandledAsyncCallback(async () => {
const onCopy = async () => {
console.log("copied!");
await navigator.clipboard.writeText(code); await navigator.clipboard.writeText(code);
setCopied(true); setCopied(true);
};
void onCopy();
}, [code]); }, [code]);
return ( return (
<HStack <HStack