aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/Result/index.tsx11
1 files changed, 7 insertions, 4 deletions
diff --git a/src/components/Result/index.tsx b/src/components/Result/index.tsx
index 3b3b06c..9eb6d27 100644
--- a/src/components/Result/index.tsx
+++ b/src/components/Result/index.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from 'react';
import { Song } from "../../types/song";
import { GuessType } from "../../types/guess";
@@ -45,14 +45,17 @@ function ShareButton({
guesses,
variant
}:ShareButtonProps) {
- const copyResult = React.useCallback(() => {
+ const [buttonText, setButtonText] = useState('Copy Results');
+
+ const handleClick = React.useCallback(() => {
navigator.clipboard.writeText(scoreToEmoji(guesses));
+ setButtonText('Copied!');
}, [guesses]);
return (
<>
- <Button onClick={copyResult} variant={variant}>
- Copy results
+ <Button onClick={handleClick} variant={variant}>
+ {buttonText}
</Button>
</>
)
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage