diff options
| -rw-r--r-- | src/components/Result/index.tsx | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/components/Result/index.tsx b/src/components/Result/index.tsx index 9eb6d27..68636d8 100644 --- a/src/components/Result/index.tsx +++ b/src/components/Result/index.tsx @@ -45,11 +45,17 @@ function ShareButton({ guesses, variant }:ShareButtonProps) { - const [buttonText, setButtonText] = useState('Copy Results'); - + const result = scoreToEmoji(guesses); + const [buttonText, setButtonText] = useState('Share Results'); const handleClick = React.useCallback(() => { - navigator.clipboard.writeText(scoreToEmoji(guesses)); - setButtonText('Copied!'); + if (navigator.share !== undefined) { + navigator.share({text: result}) + } else if (navigator.clipboard !== undefined) { + navigator.clipboard.writeText(result) + setButtonText('Copied!'); + } else { + setButtonText('Failed to open share menu or copy'); + } }, [guesses]); return ( |