From bd7c8b43b0cb86bcd6f6e4956437fbc091650d34 Mon Sep 17 00:00:00 2001 From: David Corbitt Date: Tue, 8 Aug 2023 11:27:59 -0700 Subject: [PATCH] utlilize useHandledAsyncCallback in CopiableCode --- app/src/components/CopiableCode.tsx | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/app/src/components/CopiableCode.tsx b/app/src/components/CopiableCode.tsx index 8215b78..1c4d136 100644 --- a/app/src/components/CopiableCode.tsx +++ b/app/src/components/CopiableCode.tsx @@ -1,17 +1,14 @@ 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 { useHandledAsyncCallback } from "~/utils/hooks"; const CopiableCode = ({ code }: { code: string }) => { const [copied, setCopied] = useState(false); - const copyToClipboard = useCallback(() => { - const onCopy = async () => { - console.log("copied!"); - await navigator.clipboard.writeText(code); - setCopied(true); - }; - void onCopy(); + const [copyToClipboard] = useHandledAsyncCallback(async () => { + await navigator.clipboard.writeText(code); + setCopied(true); }, [code]); return (