Web3N3/auction
16
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'dev' into dev_frontend

Browse source
This commit is contained in:
LewinUp 2024-01-09 16:21:11 +08:00 committed by GitHub
commit 7ce025914d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 334 additions and 136 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
.github/workflows/github-actions-demo.yml vendored Normal file
View file

@ -0,0 +1,20 @@
name: GitHub Actions Demo
run-name: ${{ github.actor }} is testing out GitHub Actions 🚀
on: [push]
jobs:
init:
strategy:
matrix:
node-version: [ 18.x ]
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Starting NodeJs ${{ matrix.node-version}}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
- name: build
run: |
yarn
yarn build
working-directory: frontend/casino

84
RPS/rps.go
View file

@ -1,7 +1,6 @@
package RPS
import (
"github.com/nspcc-dev/neo-go/pkg/interop"
"github.com/nspcc-dev/neo-go/pkg/interop/contract"
"github.com/nspcc-dev/neo-go/pkg/interop/runtime"
@ -9,14 +8,12 @@ import (
)
const (
gasDecimals = 1_0000_0000
initialBalance = 3000
zaCoinHashKey = "zaCoinHash"
)
type Result struct {
win bool
tie bool
win bool
tie bool
lose bool
}
@ -25,64 +22,71 @@ func _deploy(data interface{}, isUpdate bool) {
return
}
// Parse hash of forint contract from incoming data
args := data.(struct {
zaCoinHash interop.Hash160
})
if len(args.zaCoinHash) != interop.Hash160Len {
panic("invalid hash of zaCoin contract")
}
panic("invalid hash of zaCoin contract")
}
ctx := storage.GetContext()
storage.Put(ctx, zaCoinHashKey, args.zaCoinHash)
}
func PlayRPS(playerChoice string) {
func PlayRPS(playerChoice string, ctx storage.Context, playerOwner interop.Hash160, bet int) {
computerChoice := (runtime.GetRandom() % 3) + 1
if computerChoice == 1 {
computerChoice := "rock"
} else if computerChoice == 2 {
computerChoice := "paper"
} else {
computerChoice := "scissors"
if playerChoice != "rock" && playerChoice != "paper" && playerChoice != "scissors" {
panic("invalid player choice")
}
if bet <= 0 {
panic("bet must be positive")
}
result := isWinner(playerChoice, computerChoice)
computerChoice := (runtime.GetRandom() % 3) + 1
if result.tie {
return
} else if result.win {
changePlayerBalance(ctx, playerOwner, bet)
} else {
changePlayerBalance(ctx, playerOwner, -bet)
}
var computerChoiceString string
switch computerChoice {
case 0:
computerChoiceString = "rock"
case 1:
computerChoiceString = "paper"
case 2:
computerChoiceString = "scissors"
}
result := isWinner(playerChoice, computerChoiceString)
if result.tie {
panic("game tied: player chose " + playerChoice + ", computer chose " + computerChoiceString)
} else if result.win {
changePlayerBalance(ctx, playerOwner, bet)
} else {
panic("player lost: player chose " + playerChoice + ", computer chose " + computerChoiceString)
}
}
func isWinner(playerChoice, computerChoice string) Result {
if playerChoice == computerChoice {
return Result{tie: true}
}
return Result{tie: true}
}
if playerChoice == "rock" && computerChoice == "scissors" {
return Result{win: true}
}
if playerChoice == "rock" && computerChoice == "scissors" {
return Result{win: true}
}
if playerChoice == "scissors" && computerChoice == "paper" {
return Result{win: true}
}
if playerChoice == "scissors" && computerChoice == "paper" {
return Result{win: true}
}
if playerChoice == "paper" && computerChoice == "rock" {
return Result{win: true}
}
if playerChoice == "paper" && computerChoice == "rock" {
return Result{win: true}
}
return Result{lose: true}
return Result{lose: true}
}
func OnNEP17Payment(from interop.Hash160, amount int, data any) {
ctx := storage.GetContext()
zaCoinHash := storage.Get(ctx, zaCoinHashKey).(interop.Hash160)
@ -100,15 +104,13 @@ func changePlayerBalance(ctx storage.Context, playerOwner interop.Hash160, balan
var from, to interop.Hash160
var transferAmount int
if balanceChange > 0 {
// Transfer funds from contract to player owner
from = playerContract
to = playerOwner
transferAmount = balanceChange
} else {
// Transfer funds from player owner to contract
from = playerOwner
to = playerContract
transferAmount = -balanceChange // We flip sender/receiver, but keep amount positive
transferAmount = -balanceChange
}
transferred := contract.Call(zaCoinHash, "transfer", contract.All, from, to, transferAmount, nil).(bool)

2
frontend/casino/src/app/components/App/AppLayout/AppLayout.tsx
View file

@ -1,5 +1,5 @@
import { observer } from 'mobx-react-lite'
import { type FC } from 'react'
import {type FC} from 'react'
import { Outlet } from 'react-router-dom'
import { useScrollTop } from '../../../hooks/useScrollTop.ts'

25
frontend/casino/src/app/components/App/AppNav/AppNav.tsx
View file

@ -1,14 +1,19 @@
import CoinIcon from "../../icons/CoinIcon";
import ProfileIcon from "../../icons/ProfileIcon";
import WalletIcon from "../../icons/WalletIcon";
import {ConnectStateButton} from "../../../web3/connect";
import chipImg from '../../../../assets/icons/chip.png'
import {useStores} from "../../../hooks/useStores.tsx";
import {observer} from "mobx-react-lite";
import {CheckBalanceButton} from "../../../web3/balance/CheckBalanceButton.tsx";
export const AppNav = () => {
export const AppNav = observer(() => {
const { userStore } = useStores()
return (
<div style={{ height: 'max-content' }} className="bg-[#30333C] text-white py-2 z-50 sticky top-0">
<div className="container mx-auto">
<div className="flex flex-row justify-between">
<a href="/" className="flex flex-row items-center">
<img src="src/assets/icons/chip.png" alt="Icon" className="w-[53px] h-[53px] mr-[15px]" />
<img src={chipImg} alt="Icon" className="w-[53px] h-[53px] mr-[15px]" />
<span className="font-semibold text-3xl">
<span className="bg-gradient-to-b from-white via-blue-400 to-red-400 bg-clip-text text-transparent">Z</span>aSlot
<span className="text-gray-400">.bet</span>
@ -19,15 +24,9 @@ export const AppNav = () => {
<div className="flex flex-row gap-[3px] items-center px-[15px] py-[11px]">
<CoinIcon />
{/* placeholder for balance */}
<span>0.000000</span>
</div>
<div className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .svg file in assets */}
<WalletIcon />
<button>
Wallet
</button>
{userStore.balance ? <span>{userStore.balance}</span> : <CheckBalanceButton/>}
</div>
<ConnectStateButton/>
</div>
<div className="flex flex-row items-center">
<span>Robin F.</span>
@ -37,5 +36,5 @@ export const AppNav = () => {
</div>
</div>
</div>
)
};
)
})

20
frontend/casino/src/app/components/Loading/Loading.tsx Normal file
View file

@ -0,0 +1,20 @@
import LoadingImg from '../../../assets/Capibebra.gif'
import { styled } from '../../../styles'
const LoadingStyle = styled('div', {
width: '100vw',
height: '100vh',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
})
const Loading = () => {
return (
<LoadingStyle>
<img src={LoadingImg} />
</LoadingStyle>
)
}
export default Loading

31
frontend/casino/src/app/components/web3/DicePlayButton.tsx
View file

@ -1,7 +1,32 @@
export const DicePlayButton = () => {
import {FC, useEffect} from "react";
import {usePlayCraps} from "../../web3/functions/Craps/usePlayCraps.ts";
interface DicePlayButtonProps {
value: number
onSuccess: (result: unknown) => void
onLoading: () => void
secondValue: number
}
export const DicePlayButton: FC<DicePlayButtonProps> = ({ value, onSuccess, onLoading, secondValue }) => {
const { playCraps, result, isLoading } = usePlayCraps()
useEffect(() => {
if (result) onSuccess(result)
}, [result])
useEffect(() => {
if (isLoading) onLoading()
}, [isLoading])
return (
<button className="bg-rose-700 rounded-[100px] shadow text-white text-2xl font-bold py-5 px-10 hover:bg-rose-600">
Бросить
<button onClick={() => { playCraps(value, secondValue) }} className="bg-rose-700 rounded-[100px] shadow text-white text-2xl font-bold py-5 px-10 hover:bg-rose-600">
{
isLoading && 'Loading'
}
{
(!isLoading && !result) && 'Играть'
}
</button>
)
}

1
frontend/casino/src/app/hooks/index.ts
View file

@ -2,4 +2,3 @@ export * from './useDOMRef.ts'
export * from './useMediaMui.ts'
export * from './useScrollTop.ts'
export * from './useScrollWindow.ts'
export * from './useStores.tsx'

7
frontend/casino/src/app/hooks/useIntervalAsync.ts
View file

@ -1,6 +1,7 @@
import { useCallback, useEffect, useRef, useState } from 'react'
import {IGetResult} from "../web3/functions/utils/useGetResult.ts";
const useIntervalAsync = <R = unknown>(fn: (tx: string) => Promise<R>, ms: number) => {
const useIntervalAsync = <R = unknown>(fn: ({tx, notificationKey}: IGetResult) => Promise<R>, ms: number) => {
const runningCount = useRef(0)
const timeout = useRef<number>()
const mountedRef = useRef(false)
@ -17,9 +18,9 @@ const useIntervalAsync = <R = unknown>(fn: (tx: string) => Promise<R>, ms: numbe
[ms],
)
const run = useCallback(async (tx: string) => {
const run = useCallback(async (tx: string, notificationKey?: string) => {
runningCount.current += 1
const result = await fn(tx)
const result = await fn({tx, notificationKey})
runningCount.current -= 1
next(run)

5
frontend/casino/src/app/hooks/useStatusState.ts
View file

@ -1,10 +1,7 @@
import { useCallback, useState } from 'react'
import { useAccount } from 'wagmi'
import {stringifyError} from "../utils/error/stringifyError.ts";
export function useStatusState<ResultType, Arguments = void>() {
const { isConnected } = useAccount()
const [isLoading, setIsLoading] = useState(false)
const [error, setError] = useState<string>()
const [result, setResult] = useState<ResultType>()
@ -26,7 +23,7 @@ export function useStatusState<ResultType, Arguments = void>() {
throw err
}
}
}, [isConnected])
}, [])
return {
statuses: {

5
frontend/casino/src/app/hooks/useStores.tsx
View file

@ -1,18 +1,17 @@
import { observer } from 'mobx-react-lite'
import { createContext, type PropsWithChildren, useContext } from 'react'
import { type RootStore, rootStore } from '../stores/RootStore'
export const StoreContext = createContext<RootStore>(rootStore)
export const StoreProvider = observer(function StoreProvider({
export function StoreProvider({
children,
// eslint-disable-next-line @typescript-eslint/ban-types
}: PropsWithChildren): JSX.Element {
return (
<StoreContext.Provider value={rootStore}>{children}</StoreContext.Provider>
)
})
}
export function useStores(): RootStore {
return useContext(StoreContext)

40
frontend/casino/src/app/pages/DiceGamePage/DiceGamePage.tsx
View file

@ -1,7 +1,29 @@
import ContainerLayout from "../../utils/ContainerLayout"
import { DicePlayButton } from "../../components/web3/DicePlayButton"
import diceImg from '../../../assets/img/dice-img.png'
import {useState} from "react";
import {useStores} from "../../hooks/useStores.tsx";
import {observer} from "mobx-react-lite";
export const DiceGamePage = observer(() => {
const [diceValue, setDiceValue] = useState<string | undefined>()
const [isLoading, setIsLoading] = useState<boolean>(false)
const { userStore } = useStores()
const onSuccess = (result: unknown) => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
setDiceValue(result.value)
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-expect-error
userStore.setBalance(result.balance ?? '0')
setIsLoading(false)
}
const onLoading = () => {
setIsLoading(true)
}
export const DiceGamePage = () => {
return (
<ContainerLayout>
<div className="flex flex-col items-center text-white">
@ -12,20 +34,20 @@ export const DiceGamePage = () => {
<div className="absolute w-[710px] h-[456px] bg-lime-800 rounded-[187px] blur-[300px]" />
</div>
<div className="flex flex-row min-w-full justify-center gap-10 relative mt-12">
<img src="src/assets/img/dice-img.png" alt="Dice" />
<img src="src/assets/img/dice-img.png" alt="Dice" />
<img src={diceImg} alt="Dice" />
<img src={diceImg} alt="Dice" />
</div>
{/* Кнопка для бека */}
<DicePlayButton />
<DicePlayButton onLoading={onLoading} onSuccess={onSuccess} value={5} secondValue={6}/>
<div className="flex flex-row justify-around w-full font-semibold">
<div className="bg-gray-500 rounded-[30px] py-5 px-10 text-2xl">
Вы загадали: 5
</div>
<div className="bg-gray-800 rounded-[30px] py-5 px-10 text-2xl">
Выпало число: 5
Вы загадали: 5 и 6
</div>
{(diceValue && !isLoading) && <div className="bg-gray-800 rounded-[30px] py-5 px-10 text-2xl">
Выпало число: {diceValue}
</div>}
</div>
</div>
</ContainerLayout>
)
}
})

16
frontend/casino/src/app/pages/MainPage/MainPage.tsx
View file

@ -1,13 +1,17 @@
import CoinIcon from "../../components/icons/CoinIcon";
import ContainerLayout from "../../utils/ContainerLayout";
import GamepadIcon from "../../components/icons/GamepadIcon";
import {Link} from "react-router-dom";
import casinoBg from '../../../assets/img/casino-bg-image.png'
import diceSmall from '../../../assets/img/dices-small.png'
import rpsSmall from '../../../assets/img/rps-small.png'
import slotMachine from '../../../assets/img/slot-machine-small.png'
export const MainPage = () => {
return (
<ContainerLayout>
<div className="absolute w-[1235px] h-[629px] overflow-hidden">
<img
src="src/assets/img/casino-bg-image.png"
src={casinoBg}
alt="Icon"
className="w-full h-full object-cover filter brightness-80 blur-[4px]"
/>
@ -39,7 +43,7 @@ export const MainPage = () => {
<div className="w-[374px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
<div className="rounded-full bg-neutral-800 inline-block">
<img
src="src/assets/img/dices-small.png"
src={diceSmall}
alt="Icon"
className="object-cover"
/>
@ -47,7 +51,7 @@ export const MainPage = () => {
<div className="flex flex-col h-full justify-between">
<div className="flex flex-row justify-between min-w-[200px] my-auto items-center">
<span className="text-xl font-bold">DICE</span>
<a href="/dice" className="min-w-[100px]max-h-[45px] bg-blue-500 rounded-[10px] border border-blue-400 font-bold px-3 items-center flex justify-center py-2">Play now</a>
<Link to="dice" className="min-w-[100px] max-h-[45px] bg-blue-500 rounded-[10px] border border-blue-400 font-bold px-3 items-center flex justify-center">Play now</Link>
</div>
</div>
</div>
@ -55,7 +59,7 @@ export const MainPage = () => {
<div className="w-[404px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
<div className="rounded-full w-[140px] bg-neutral-800 inline-block">
<img
src="src/assets/img/rps-small.png"
src={rpsSmall}
alt="Icon"
className="object-cover"
/>
@ -71,7 +75,7 @@ export const MainPage = () => {
<div className="w-[374px] h-[187.35px] bg-[#323846] rounded-[23px] border-2 border-gray-700 flex flex-row items-center justify-between px-4 py-6 gap-3">
<div className="rounded-full bg-neutral-800 inline-block">
<img
src="src/assets/img/slot-machine-small.png"
src={slotMachine}
alt="Icon"
className="object-cover"
/>

11
frontend/casino/src/app/stores/RootStore.ts Normal file
View file

@ -0,0 +1,11 @@
import { UserStore } from './User/UserStore'
export class RootStore {
userStore: UserStore
constructor() {
this.userStore = new UserStore()
}
}
export const rootStore = new RootStore()

13
frontend/casino/src/app/stores/User/UserStore.ts Normal file
View file

@ -0,0 +1,13 @@
import { makeAutoObservable } from 'mobx'
export class UserStore {
balance: string | undefined = undefined
constructor() {
makeAutoObservable(this)
}
setBalance(balance: string) {
this.balance = balance
console.log(balance)
}
}

18
frontend/casino/src/app/web3/balance/CheckBalanceButton.tsx Normal file
View file

@ -0,0 +1,18 @@
import {useCheckBalance} from "./useCheckBalance.ts";
import {observer} from "mobx-react-lite";
import {useEffect} from "react";
import {useStores} from "../../hooks/useStores.tsx";
export const CheckBalanceButton = observer(() => {
const { checkBalance, result } = useCheckBalance()
const { userStore } = useStores()
useEffect(() => {
if (result) userStore.setBalance(result.balance)
}, [result])
return (
<button onClick={checkBalance}>
Check balance
</button>
);
});

36
frontend/casino/src/app/web3/balance/useCheckBalance.ts Normal file
View file

@ -0,0 +1,36 @@
import {useWalletConnect} from "@cityofzion/wallet-connect-sdk-react";
import {useCallback} from "react";
import {useGetResult} from "../functions/utils/useGetResult.ts";
import {config} from "../functions/config/config.ts";
export const useCheckBalance = () => {
const wcSdk = useWalletConnect()
const { getResult, ...statuses } = useGetResult()
const checkBalance = useCallback(async () => {
console.log(config.zaCoin.contractAddress)
const address = wcSdk.getAccountAddress()
if (!address) return
const resp = await wcSdk.invokeFunction({
invocations: [{
scriptHash: config.zaCoin.contractAddress,
operation: 'balanceOf',
args: [
{ type: 'Hash160', value: address },
]
}],
signers: [{
scopes: 'Global',
}]
})
console.log(resp)
await getResult(resp, 'balance')
}, [wcSdk, getResult])
return {
checkBalance,
...statuses
}
}

13
frontend/casino/src/app/web3/connect/ui/ConnectButton/ConnectButton.tsx
View file

@ -1,10 +1,17 @@
import {useConnect} from "../../lib/useConnect.ts";
import WalletIcon from "../../../../components/icons/WalletIcon.tsx";
export const ConnectButton = () => {
const { connect } = useConnect()
return (
<button onClick={connect}>
Connect
</button>
<div
onClick={connect}
className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .vg file in assets */}
<WalletIcon/>
<button>
Connect
</button>
</div>
);
};

13
frontend/casino/src/app/web3/connect/ui/DisconnectButton/DisconnectButton.tsx
View file

@ -1,10 +1,17 @@
import {useConnect} from "../../lib/useConnect.ts";
import WalletIcon from "../../../../components/icons/WalletIcon.tsx";
export const DisconnectButton = () => {
const { disconnect } = useConnect()
return (
<button onClick={disconnect}>
Disconnect
</button>
<div
onClick={disconnect}
className="flex flex-row items-center rounded-[100px] border-[2px] border-[#4F5563] bg-[#3B414F] px-[14px] py-[11px] gap-[3px] cursor-pointer">
{/* todo: load from .svg file in assets */}
<WalletIcon/>
<button>
Disconnect
</button>
</div>
);
};

31
frontend/casino/src/app/web3/functions/Craps/usePlayCraps.ts
View file

@ -1,34 +1,22 @@
import {useWalletConnect} from "@cityofzion/wallet-connect-sdk-react";
import {useCallback} from "react";
import {useGetResult} from "../utils/useGetResult.ts";
import {useStatusState} from "../../../hooks/useStatusState.ts";
import { config } from "../config/config.ts";
import {config} from "../config/config.ts";
export const usePlayCraps = () => {
const wcSdk = useWalletConnect()
const { getResult } = useGetResult()
const { statuses, wrapPromise } = useStatusState()
const { getResult, ...statuses } = useGetResult()
const playCraps = useCallback(wrapPromise(async () => {
// const resp = await wcSdk.invokeFunction({
// invocations: [{
// scriptHash: '270c825a5ac041e18be45074bbb942255164a214',
// operation: 'balanceOf',
// args: [
// { type: 'Hash160', value: 'NQCLAHuu4umnR99KB5m7U8ppJFtWqhw6DS' },
// ]
// }],
// signers: [{
// scopes: 'Global',
// }]
// })
const playCraps = useCallback(async (value: number, secondValue: number) => {
console.log(config.craps.contractAddress)
const resp = await wcSdk.invokeFunction({
invocations: [{
scriptHash: config.craps.contractAddress,
operation: 'playRoulette',
operation: 'playCraps',
args: [
{ type: 'Integer', value: '40' },
{ type: 'Integer', value: '3' },
{ type: 'Integer', value: value.toString() },
{ type: 'Integer', value: secondValue.toString() },
]
}],
signers: [{
@ -36,9 +24,8 @@ export const usePlayCraps = () => {
}]
})
console.log(resp)
const result = await getResult(resp)
console.log(result)
}), [wcSdk, getResult, wrapPromise])
await getResult(resp, 'rouletteNumber')
}, [wcSdk, getResult])
return {
playCraps,

14
frontend/casino/src/app/web3/functions/Roulette/usePlayRoulette.ts
View file

@ -1,15 +1,13 @@
import {useWalletConnect} from "@cityofzion/wallet-connect-sdk-react";
import {useCallback} from "react";
import {useGetResult} from "../utils/useGetResult.ts";
import {useStatusState} from "../../../hooks/useStatusState.ts";
import {config} from "../config/config.ts";
export const usePlayRoulette = () => {
const wcSdk = useWalletConnect()
const { getResult } = useGetResult()
const { statuses, wrapPromise } = useStatusState()
const { getResult, ...statuses } = useGetResult()
const playRoulette = useCallback(wrapPromise(async () => {
const playRoulette = useCallback(async (value: number) => {
// const resp = await wcSdk.invokeFunction({
// invocations: [{
// scriptHash: '270c825a5ac041e18be45074bbb942255164a214',
@ -22,13 +20,14 @@ export const usePlayRoulette = () => {
// scopes: 'Global',
// }]
// })
console.log(config.roulette.contractAddress)
const resp = await wcSdk.invokeFunction({
invocations: [{
scriptHash: config.roulette.contractAddress,
operation: 'playRoulette',
args: [
{ type: 'Integer', value: '40' },
{ type: 'Integer', value: '3' },
{ type: 'Integer', value: value.toString() },
]
}],
signers: [{
@ -36,9 +35,8 @@ export const usePlayRoulette = () => {
}]
})
console.log(resp)
const result = await getResult(resp)
console.log(result)
}), [wcSdk, getResult, wrapPromise])
await getResult(resp, 'rouletteNumber')
}, [wcSdk, getResult])
return {
playRoulette,

7
frontend/casino/src/app/web3/functions/config/config.ts
View file

@ -1,11 +1,14 @@
export const config = {
craps: {
contractAddress: '13f7312810758d0e2271e2c620ba93f3568e0e8c'
contractAddress: 'b068a57e65eb0cb13ab5409b70c1d43ccee7d1f5'
},
roulette: {
contractAddress: '13f7312810758d0e2271e2c620ba93f3568e0e8c'
contractAddress: '9a8e8297364f134f29bafe1322323af73e5ab434'
},
slotMachine: {
contractAddress: '13f7312810758d0e2271e2c620ba93f3568e0e8c'
},
zaCoin: {
contractAddress: 'fdfb5c2974779e9cb9347e083a80054feae55a2d'
}
}

39
frontend/casino/src/app/web3/functions/utils/useGetResult.ts
View file

@ -1,36 +1,57 @@
import {useCallback} from "react";
import axios from "axios";
import useIntervalAsync from "../../../hooks/useIntervalAsync.ts";
import {useStatusState} from "../../../hooks/useStatusState.ts";
export interface IGetResult {
tx: string;
notificationKey?: string
}
const baseUrlToGet = 'https://dora.coz.io/api/v2/neo3/testnet/log/'
export const useGetResult = () => {
const { statuses, wrapPromise } = useStatusState<{ value: string, balance: string} | undefined, IGetResult>()
const getResultReq = useCallback(async (tx: string | undefined) => {
const result = await axios.get(baseUrlToGet + tx)
console.log(result)
return result
}, [])
const { run: runIsApprovedRefetch } = useIntervalAsync(async (tx) => {
const { run: runIsApprovedRefetch } = useIntervalAsync(wrapPromise(async ({tx, notificationKey}) => {
if (!tx) return
try {
const result = await getResultReq(tx)
if (!result) setTimeout(() => {
runIsApprovedRefetch(tx)
}, 3000)
return result
} catch (e) { setTimeout(() => {
runIsApprovedRefetch(tx)
}, 3000) }
}, 3000)
const getResult = useCallback(async (tx: string | undefined) => {
let balance;
if (notificationKey === 'balance') {
balance = result.data?.stack[0].value
} else {
balance = result.data?.notifications?.find((item: { event_name: string | undefined; }) => item?.event_name === 'playerBalance')?.state?.value[0].value
}
const value = result.data?.notifications?.find((item: { event_name: string | undefined; }) => item?.event_name === notificationKey)?.state?.value[0].value
return {
value,
balance
}
} catch (e) { setTimeout(() => {
runIsApprovedRefetch(tx, notificationKey)
}, 3000) }
}), 3000)
const getResult = useCallback(async (tx: string | undefined, notificationKey?: string) => {
if (!tx) return
console.log(tx)
const result = await runIsApprovedRefetch(tx)
const result = await runIsApprovedRefetch(tx, notificationKey)
console.log(result)
}, [runIsApprovedRefetch])
return {
getResult
getResult,
...statuses
}
}

BIN
frontend/casino/src/assets/Capibebra.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 57 KiB

17
frontend/casino/src/main.tsx
View file

@ -1,10 +1,19 @@
import React from 'react'
import ReactDOM from 'react-dom/client'
import { App } from './App.tsx'
import './index.css'
import Loading from "./app/components/Loading/Loading.tsx";
const App = React.lazy(() =>
new Promise<typeof import("./App")>(( resolve ) => {
setTimeout(async () => {
resolve(import('./App'))
}, 3000)
}).then(module => ({ default: module.App })))
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<App />
</React.StrictMode>,
<React.StrictMode>
<React.Suspense fallback={<Loading />}>
<App />
</React.Suspense>
</React.StrictMode>,
)