fix: prevent actions from from popping up post sign cancel

Author: aashutoshrathi

client/game/comets.ts

@@ -1,5 +1,6 @@
 import { IGameState } from "../comets";
 import { fetchLeaderboard, fetchMruInfo } from "../rpc/api";
+import { removeFromStore, StorageKey } from "../rpc/storage";
 import { getWalletClient } from "../rpc/wallet";
 import { AttractMode } from "./attractMode";
 import { GameMode } from "./gameMode";
@@ -41,17 +42,20 @@ export class Comets {
         this.lastScore = world.score;
         if (!this.isSendingTicks) {
           this.isSendingTicks = true;
-          this.tickRecorder
+          await this.tickRecorder
             .sendTicks(this.lastScore)
             .then(() => {
               console.log("Sent ticks");
-              this.init();
             })
             .catch((e) => {
               console.error("Error sending ticks", e.message);
             })
             .finally(() => {
+              removeFromStore(StorageKey.GAME_ID);
               this.isSendingTicks = false;
+              this.init();
+              // Reload page
+              window.location.reload();
             });
         }
         // restart in attract mode

client/game/keys.ts

@@ -91,6 +91,11 @@ export class _Key {
     this.touched = !this.touched;
   }
 
+  clear() {
+    this.keys = {};
+    this.prev = {};
+  }
+
   isPressed(key: number) {
     return this.prev[key] === false && this.keys[key] === true;
   }

client/rpc/api.ts

@@ -1,10 +1,5 @@
 import { getAddress } from "viem";
-import {
-  addToStore,
-  getFromStore,
-  removeFromStore,
-  StorageKey,
-} from "./storage";
+import { addToStore, getFromStore, StorageKey } from "./storage";
 import { getWalletClient } from "./wallet";
 
 const API_URL = "http://localhost:3210";
@@ -27,13 +22,18 @@ const submitAction = async (transition: string, inputs: any) => {
   const { domain, schemas } = mruInfo;
   const msgSender = getAddress(walletClient.account.address);
 
-  const signature = await walletClient.signTypedData({
-    domain,
-    primaryType: schemas[transition].primaryType,
-    types: schemas[transition].types,
-    message: inputs,
-    account: msgSender,
-  });
+  let signature;
+  try {
+    signature = await walletClient.signTypedData({
+      domain,
+      primaryType: schemas[transition].primaryType,
+      types: schemas[transition].types,
+      message: inputs,
+      account: msgSender,
+    });
+  } catch (e) {
+    console.error("Error signing message", e);
+  }
 
   const response = await fetch(`${API_URL}/${transition}`, {
     method: "POST",
@@ -52,7 +52,6 @@ const submitAction = async (transition: string, inputs: any) => {
 
 const endGame = async (inputs: any) => {
   await submitAction("endGame", inputs);
-  removeFromStore(StorageKey.GAME_ID);
 };
 
 const startGame = async () => {