Merge pull request #14 from BuidlGuidl/staging

Added some helpful texts

packages/nextjs/components/Header.tsx

@@ -88,11 +88,11 @@ export const Header = () => {
         </div>
         <Link href="/" passHref className="hidden lg:flex items-center gap-2 ml-4 mr-6 shrink-0">
           <div className="flex relative w-10 h-10">
-            <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
+            <Image alt="DICE" className="cursor-pointer" fill src="/diceLogo.svg" />
           </div>
           <div className="flex flex-col">
-            <span className="font-bold leading-tight">Scaffold-ETH</span>
-            <span className="text-xs">Ethereum dev stack</span>
+            <span className="font-bold leading-tight">Dice Hunt</span>
+            <span className="text-xs">Hack the private key</span>
           </div>
         </Link>
         <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">{navLinks}</ul>

packages/nextjs/components/MetaHeader.tsx

@@ -16,7 +16,7 @@ const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL ? `https://${process.env.NEXT
 export const MetaHeader = ({
   title = "Dice Hunt",
   description = "Hack the private key",
-  image = "thumbnail.jpg",
+  image = "diceLogo.jpg",
   twitterCard = "summary_large_image",
   children,
 }: MetaHeaderProps) => {

packages/nextjs/components/dicedemo/Congrats.tsx

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
+import { loadBurnerSK } from "~~/hooks/scaffold-eth";
 import { Game } from "~~/types/game/game";
 
 const Congrats = ({
@@ -22,7 +23,8 @@ const Congrats = ({
     setIsOpen(false);
   };
 
-  // const { isSweeping } = useSweepWallet({ game: game, token: token });
+  const privateKey = loadBurnerSK();
+  const pwlink = "https://punkwallet.io/pk#" + privateKey;
 
   return (
     <div className=" overflow-hidden w-fit text-lg bg-base-200 h-full">
@@ -34,9 +36,16 @@ const Congrats = ({
             </label>
 
             {isWinner && (
-              <p className="text-center">
-                Congrats, you found the hidden characters and have successfully swept the private Key
-              </p>
+              <div>
+                <p className="text-center">
+                  Congrats, you found the hidden characters and have successfully swept the private Key
+                </p>
+                <p className="text-center">
+                  <a className="font-bold italic text-xl" href={pwlink} target="_blank" rel="noreferrer">
+                    Click to open your punk wallet
+                  </a>
+                </p>
+              </div>
             )}
             {!isWinner && isHacked && !game.winner && (
               <p className="text-center">
@@ -51,7 +60,7 @@ const Congrats = ({
             {!isWinner && !isHacked && <div>Sorry fren, you lost</div>}
 
             <p className="text-center mt-5 text-2xl">
-              The hidden characters are {Object.values(game.hiddenChars).join(", ")}
+              The hidden characters are: {Object.values(game.hiddenChars).join(", ").toUpperCase()}
             </p>
           </div>
         </div>

packages/nextjs/components/dicedemo/HostAnnouncement.tsx

@@ -27,7 +27,7 @@ const HostAnnouncement = ({
             <p className="text-center">The Winner is</p>
             <Address address={game.winner as string} format="long" />
             <p className="mt-5 text-2xl text-center">
-              The hidden characters are {Object.values(game.hiddenChars).join(", ")}
+              The hidden characters are: {Object.values(game.hiddenChars).join(", ").toUpperCase()}
             </p>
           </div>
         </div>

packages/nextjs/hooks/useSweepWallet.tsx

@@ -88,9 +88,11 @@ const useSweepWallet = ({ game, token }: { game?: Game; token?: string }) => {
         },
       );
 
-      endGame(game as Game, token as string, address as string);
+      await endGame(game as Game, token as string, address as string);
+
       setIsSweeping(false);
     } catch (error: any) {
+      setSweepMessage("Error sweeping wallet");
       setIsSweeping(false);
       if (notificationId) {
         notification.remove(notificationId);

packages/nextjs/pages/game/[id].tsx

@@ -568,7 +568,12 @@ function GamePage() {
       </div>
     );
   } else {
-    return <div>No Game</div>;
+    return (
+      <div className="flex justify-center items-center text-2xl">
+        Oops, it appears that you are attempting to access a game that either does not exist or to which access has been
+        lost. Please return to the homepage to join a new game.
+      </div>
+    );
   }
 }