|
|
|
@ -1,11 +1,11 @@
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
import React, { useState } from 'react';
|
|
|
|
import { ethers, BigNumber } from 'ethers';
|
|
|
|
import { ethers, BigNumber } from 'ethers';
|
|
|
|
import { useAccount, useContractReads, usePrepareContractWrite, useContractWrite, useTransaction } from 'wagmi';
|
|
|
|
import { useAccount, useContractReads, usePrepareContractWrite, useContractWrite, useWaitForTransaction } from 'wagmi';
|
|
|
|
import Typewriter from 'react-ts-typewriter';
|
|
|
|
import Typewriter from 'react-ts-typewriter';
|
|
|
|
import Slider from 'rc-slider';
|
|
|
|
import Slider from 'rc-slider';
|
|
|
|
import { Parallax } from 'react-parallax';
|
|
|
|
import { Parallax } from 'react-parallax';
|
|
|
|
import { animateScroll as scroll } from 'react-scroll'
|
|
|
|
import { animateScroll as scroll } from 'react-scroll'
|
|
|
|
|
|
|
|
import { NotificationContainer, NotificationManager } from 'react-notifications';
|
|
|
|
|
|
|
|
|
|
|
|
import { AwesomeButton } from 'react-awesome-button';
|
|
|
|
import { AwesomeButton } from 'react-awesome-button';
|
|
|
|
import Boomer from '../img/unaboomer.png';
|
|
|
|
import Boomer from '../img/unaboomer.png';
|
|
|
|
@ -16,6 +16,7 @@ import SeizedItems from '../img/seizeditems.png';
|
|
|
|
import Map from '../img/map.png';
|
|
|
|
import Map from '../img/map.png';
|
|
|
|
import MainABI from '../abi/main.json';
|
|
|
|
import MainABI from '../abi/main.json';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import 'react-notifications/lib/notifications.css';
|
|
|
|
import 'rc-slider/assets/index.css';
|
|
|
|
import 'rc-slider/assets/index.css';
|
|
|
|
import '../styles/sections.css';
|
|
|
|
import '../styles/sections.css';
|
|
|
|
|
|
|
|
|
|
|
|
@ -48,8 +49,8 @@ export class Section1 extends React.Component {
|
|
|
|
<h1 id="heroText">
|
|
|
|
<h1 id="heroText">
|
|
|
|
<Typewriter text={this.state.title} cursor={true} random={20} />
|
|
|
|
<Typewriter text={this.state.title} cursor={true} random={20} />
|
|
|
|
</h1>
|
|
|
|
</h1>
|
|
|
|
<img src={Boomer} id="heroImage" className={this.state.showImage || "hidden"} alt="Pixelated police sketch of the Unabomber suspect." />
|
|
|
|
<img src={Boomer} id="heroImage" className={!this.state.showImage ? "hidden": "" } alt="Pixelated police sketch of the Unabomber suspect." />
|
|
|
|
<div className={this.state.showImage || "hidden" }>
|
|
|
|
<div className={!this.state.showImage ? "hidden": "" }>
|
|
|
|
<AwesomeButton type="secondary" ripple={true} onPress={() => scroll.scrollTo(window.scrollMaxY - '450', {duration: 5000})} className="fadeIn">
|
|
|
|
<AwesomeButton type="secondary" ripple={true} onPress={() => scroll.scrollTo(window.scrollMaxY - '450', {duration: 5000})} className="fadeIn">
|
|
|
|
continue
|
|
|
|
continue
|
|
|
|
</AwesomeButton>
|
|
|
|
</AwesomeButton>
|
|
|
|
@ -242,7 +243,7 @@ function Section3() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
],
|
|
|
|
watch: true,
|
|
|
|
watch: true,
|
|
|
|
cacheTime: 5,
|
|
|
|
cacheTime: 5000,
|
|
|
|
onSuccess(data) {
|
|
|
|
onSuccess(data) {
|
|
|
|
handleStateChange({
|
|
|
|
handleStateChange({
|
|
|
|
unaboomerPrice: data[0].toString(),
|
|
|
|
unaboomerPrice: data[0].toString(),
|
|
|
|
@ -283,22 +284,34 @@ function Section3() {
|
|
|
|
const sendBombsPrepare = usePrepareContractWrite({
|
|
|
|
const sendBombsPrepare = usePrepareContractWrite({
|
|
|
|
address: contractAddress,
|
|
|
|
address: contractAddress,
|
|
|
|
abi: MainABI,
|
|
|
|
abi: MainABI,
|
|
|
|
enabled: isConnected,
|
|
|
|
enabled: isConnected && options.bombBalance > 0,
|
|
|
|
functionName: 'sendBombs',
|
|
|
|
functionName: 'sendBombs',
|
|
|
|
args: [options.sendBombAmount]
|
|
|
|
args: [options.sendBombAmount]
|
|
|
|
});
|
|
|
|
});
|
|
|
|
const sendBombsWrite = useContractWrite(sendBombsPrepare.config);
|
|
|
|
const sendBombsWrite = useContractWrite(sendBombsPrepare.config);
|
|
|
|
const { data: tx } = useTransaction({ ...sendBombsWrite.data, enabled: sendBombsWrite.isSuccess });
|
|
|
|
useWaitForTransaction({
|
|
|
|
if (tx) {
|
|
|
|
hash: sendBombsWrite.data?.hash,
|
|
|
|
// let r;
|
|
|
|
enabled: sendBombsWrite.isSuccess,
|
|
|
|
const iface = new ethers.utils.Interface(MainABI);
|
|
|
|
onSuccess(data) {
|
|
|
|
console.log(tx)
|
|
|
|
const iface = new ethers.utils.Interface(MainABI);
|
|
|
|
// let txRes = iface.decodeFunctionResult("sendBombs", tx.data);
|
|
|
|
data.logs.filter(log =>
|
|
|
|
// console.log(txRes)
|
|
|
|
log.topics[0] === '0x38c7e2e8001cefb27535bd6bcc6363c6d6a6a83dbb77f092b78956334596f9ed'
|
|
|
|
// const {0: results, 1: tokensKilled} = txRes.functionFragment.outputs;
|
|
|
|
).map((log) => {
|
|
|
|
// console.log(results);
|
|
|
|
const res = iface.decodeEventLog("SentBomb", log.data, log.topics);
|
|
|
|
// console.log(tokensKilled);
|
|
|
|
console.log(res);
|
|
|
|
}
|
|
|
|
if (res.hit) {
|
|
|
|
|
|
|
|
if (res.owned) {
|
|
|
|
|
|
|
|
NotificationManager.error(`Your bomb exploded during assembly and killed your Unaboomer ${res.tokenId.toString()}`, 'oof', 10000);
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
NotificationManager.success(`Your bomb killed Unaboomer ${res.tokenId.toString()}`, 'Got em!', 10000);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
NotificationManager.warning(`Your bomb for Unaboomer ${res.tokenId.toString()} was a dud`, 'oof', 10000);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<section className="section" id="mintSection">
|
|
|
|
<section className="section" id="mintSection">
|
|
|
|
{isConnected &&
|
|
|
|
{isConnected &&
|
|
|
|
@ -341,6 +354,7 @@ function Section3() {
|
|
|
|
<Slider className="slider" min={1} max={30} onChange={(v) => handleStateChange({sendBombAmount: v})} />
|
|
|
|
<Slider className="slider" min={1} max={30} onChange={(v) => handleStateChange({sendBombAmount: v})} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<NotificationContainer/>
|
|
|
|
<GameMap
|
|
|
|
<GameMap
|
|
|
|
bombSupply={options.bombSupply}
|
|
|
|
bombSupply={options.bombSupply}
|
|
|
|
bombBalance={options.bombBalance}
|
|
|
|
bombBalance={options.bombBalance}
|
|
|
|
|
