Add a button to create a custom link from last guess

Author: utkarshgupta137

src/Game.tsx

@@ -128,10 +128,14 @@ function Game(props: GameProps) {
     setGameNumber((x) => x + 1);
   };
 
-  async function share(copiedHint: string, text?: string) {
+  async function share(
+    copiedHint: string,
+    text?: string,
+    customTarget?: string
+  ) {
     const url = seed
       ? window.location.origin + window.location.pathname + currentSeedParams()
-      : getChallengeUrl(target);
+      : getChallengeUrl(customTarget ? customTarget : target);
     const body = url + (text ? "\n\n" + text : "");
     if (
       /android|iphone|ipad|ipod|webos/i.test(navigator.userAgent) &&
@@ -355,6 +359,27 @@ function Game(props: GameProps) {
           </button>
         )}
       </p>
+      <p>
+        <button
+          onClick={() => {
+            if (currentGuess.length >= minLength) {
+              if (dictionary.includes(currentGuess)) {
+                share(
+                  `Link for word "${currentGuess.toUpperCase()}" copied to clipboard!`,
+                  "I created this challenge for you!",
+                  currentGuess
+                );
+              } else {
+                setHint("Not a valid word");
+              }
+            } else {
+              setHint("Please make a guess first");
+            }
+          }}
+        >
+          Create a custom game from last guess
+        </button>
+      </p>
     </div>
   );
 }