-
-
- Share this link with your opponent to start the game.
-
-
+
+
+
- {`${serializedTx.slice(0, 50)}...`}
-
+ Amount
+
+
-
-
+
- {copied ? 'Copied!' : 'Copy Link'}
-
+ Second Player Public Key
+
+
setSecondPlayerPublicKey(e.target.value)}
+ className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-md focus:ring-blue-500 focus:border-blue-500 block w-full p-3 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ />
- ) : (
- <>
-
-
- )}
+ Create Game
+
+
+
)
}
@@ -214,6 +188,7 @@ export function NewGameModal() {
setCopied,
serializedTx,
setSerializedTx,
+ handleClear,
}}
id={newGameModal}
onClickClose={handleClear}
diff --git a/packages/chess-app/src/components/StartGame.tsx b/packages/chess-app/src/components/StartGame.tsx
index 24e43d303..83e5f22eb 100644
--- a/packages/chess-app/src/components/StartGame.tsx
+++ b/packages/chess-app/src/components/StartGame.tsx
@@ -1,11 +1,20 @@
import { useContext, useEffect, useState } from 'react'
-import { useLocation } from 'react-router-dom'
-import { ComputerContext, Modal, UtilsContext, bigIntToStr } from '@bitcoin-computer/components'
+import {
+ ComputerContext,
+ Modal,
+ UtilsContext,
+ bigIntToStr,
+ sleep,
+} from '@bitcoin-computer/components'
import { Computer, Transaction } from '@bitcoin-computer/lib'
-import { ChessContract, ChessContractHelper } from '../../../chess-contracts/'
-import { VITE_CHESS_GAME_MOD_SPEC } from '../constants/modSpecs'
+import {
+ ChessContract,
+ ChessContractHelper,
+ ChessChallengeTxWrapper,
+} from '@bitcoin-computer/chess-contracts'
+import { VITE_CHESS_GAME_MOD_SPEC, VITE_CHESS_USER_MOD_SPEC } from '../constants/modSpecs'
-const startGameModal = 'start-game-modal'
+export const startGameModal = 'start-game-modal'
export function StartGameModalContent({
serialized,
@@ -15,6 +24,8 @@ export function StartGameModalContent({
setCopied,
link,
setLink,
+ userChallenge,
+ accepted,
}: {
serialized: string
game: ChessContract
@@ -23,6 +34,8 @@ export function StartGameModalContent({
setCopied: React.Dispatch
>
link: string
setLink: React.Dispatch>
+ userChallenge: ChessChallengeTxWrapper
+ accepted: boolean
}) {
const { showLoader, showSnackBar } = UtilsContext.useUtilsComponents()
@@ -44,16 +57,19 @@ export function StartGameModalContent({
computer,
game,
VITE_CHESS_GAME_MOD_SPEC,
+ VITE_CHESS_USER_MOD_SPEC,
)
const txId = await chessContractHelper.completeTx(tx)
- setLink(`http://localhost:1032/game/${txId}:0`)
+ setLink(`${window.location.origin}/game/${txId}:0`)
showLoader(false)
- } catch (err) {
- if (err instanceof Error) {
- showSnackBar(err.message, false)
- } else {
- showSnackBar('Error occurred!', false)
+ try {
+ await sleep(2000)
+ await userChallenge.setAccepted()
+ } catch (error) {
+ console.log('error occured while updating state of the challenge', error)
}
+ } catch (err) {
+ showSnackBar(err instanceof Error ? err.message : 'Error occurred!', false)
showLoader(false)
}
}
@@ -75,7 +91,6 @@ export function StartGameModalContent({
{`${link.slice(0, 40)}...`}