Open share menu if available

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 (