From a52fb77716f050ce8047790fc47a4dca4c8bc0b9 Mon Sep 17 00:00:00 2001 From: lza_menace Date: Wed, 11 Jan 2023 14:18:26 -0800 Subject: [PATCH] track minted tokens for users --- src/img/unaboomer_bw.png | Bin 0 -> 11571 bytes src/index.js | 5 +-- src/styles/sections.css | 32 ++++++++++++------- src/template/Sections.jsx | 64 ++++++++++++++++++++++++++++++++------ 4 files changed, 77 insertions(+), 24 deletions(-) create mode 100644 src/img/unaboomer_bw.png diff --git a/src/img/unaboomer_bw.png b/src/img/unaboomer_bw.png new file mode 100644 index 0000000000000000000000000000000000000000..79b95554c7c0e291448228d8f13dc64b9811216a GIT binary patch literal 11571 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 F@PEf&9gzS4 literal 0 HcmV?d00001 diff --git a/src/index.js b/src/index.js index 3417fd3..b294a06 100644 --- a/src/index.js +++ b/src/index.js @@ -40,11 +40,11 @@ const wagmiClient = createClient({ ReactDOM.createRoot(document.getElementById("root")).render( - +
@@ -53,4 +53,5 @@ ReactDOM.createRoot(document.getElementById("root")).render( ); +// 0x97a8a91563a9c6a9fbdb5d37656d4022f2838928 - goerli // 0x5FbDB2315678afecb367f032d93F642f64180aa3 - local \ No newline at end of file diff --git a/src/styles/sections.css b/src/styles/sections.css index 21c5131..9d0bb0f 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -175,18 +175,6 @@ 100% { opacity: 1 } } -#killLeader { - margin: .5em 0 .5em 0; - position: absolute; - z-index: 99; - background-color: rgba(0,0,0,.6); - padding: 2px; - border-radius: 4px; - text-align: center; - right: 0; - padding: .75em; -} - .nopad { padding: 0; margin: 0; @@ -273,4 +261,24 @@ float: right; line-height: 1em; padding-right: 8px; +} + +#userInventory { + margin: 0 0 4em 0; +} + +#userInventory h1 { + margin: 0 0 1em 0; +} + +.ownedTokens { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.ownedToken { + height: 100%; + flex: 0 12%; } \ No newline at end of file diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index 6aaf917..cbbed61 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -1,6 +1,6 @@ import React, { useState, useEffect } from 'react'; import { ethers, BigNumber } from 'ethers'; -import { useAccount, useContractReads, useContractRead, usePrepareContractWrite, useContractWrite, useWaitForTransaction } from 'wagmi'; +import { useAccount, useContractReads, useContractRead, usePrepareContractWrite, useContractWrite, useWaitForTransaction, erc721ABI } from 'wagmi'; import { Parallax } from 'react-parallax'; import { NotificationContainer, NotificationManager } from 'react-notifications'; import { AwesomeButton } from 'react-awesome-button'; @@ -10,6 +10,7 @@ import Slider from 'rc-slider'; import LZA from '../img/lza_menace.png'; import Carty from '../img/cartyisme.png'; +import BoomerBW from '../img/unaboomer_bw.png'; import Boomer from '../img/unaboomer.png'; import Newspapers from '../img/newspapers.png'; import Bomb from '../img/bomb.png'; @@ -41,7 +42,7 @@ export class Section1 extends React.Component {

- Pixelated police sketch of the Unabomber suspect. + Pixelated police sketch of the Unabomber suspect.
@@ -170,6 +171,15 @@ class GameMap extends React.Component { function Section3(props) { const contractAddress = props.contractAddress; + const [tokensMinted, setTokensMinted] = useState(() => { + const saved = localStorage.getItem('tokensMinted0'); + return saved || JSON.stringify([]) + }); + + useEffect(() => { + localStorage.setItem('tokensMinted0', tokensMinted); + }, [tokensMinted]); + const [options, setOptions] = useState({ unaboomerAmount: 1, bombAmount: 1, @@ -193,7 +203,8 @@ function Section3(props) { unaboomerMaxSurvivorCount: 0, unaboomerMaxMintPerWallet: 0, readWTF: false, - balancesFetched: false + balancesFetched: false, + unaboomersByAddress: [] }); function handleStateChange(obj) { setOptions(preState => ({...preState , ...obj})); @@ -372,6 +383,23 @@ function Section3(props) { if (data.message.startsWith('user rejected transaction')) NotificationManager.info(`tx cancelled`, 'ok', 4000); } }); + useWaitForTransaction({ + hash: radicalizeBoomersWrite.data?.hash, + enabled: radicalizeBoomersWrite.status === 'success', + onSuccess(data) { + let tm = JSON.parse(tokensMinted); + const iface = new ethers.utils.Interface(erc721ABI); + data.logs.filter(log => + log.topics[0] === '0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef' + ).map((log) => { + const res = iface.decodeEventLog("Transfer", log.data, log.topics); + NotificationManager.success(`You radicalized Unaboomer #${res.tokenId.toString()}`, '', 4000); + tm.push(Number(res.tokenId)); + }); + setTokensMinted(JSON.stringify(tm)); + console.log(tm); + } + }) useWaitForTransaction({ hash: sendBombsWrite.data?.hash, enabled: sendBombsWrite.status === 'success', @@ -383,15 +411,14 @@ function Section3(props) { const res = iface.decodeEventLog("SentBomb", log.data, log.topics); if (res.hit) { if (res.owned) { - NotificationManager.error(`Your bomb exploded during assembly and killed your Unaboomer ${res.tokenId.toString()}`, 'oof', 8000); + NotificationManager.error(`Your bomb exploded during assembly and killed your Unaboomer ${res.tokenId.toString()}`, '', 8000); } else { - NotificationManager.success(`Your bomb killed Unaboomer ${res.tokenId.toString()}`, 'Got em!', 8000); + NotificationManager.success(`Your bomb killed Unaboomer ${res.tokenId.toString()}`, '', 8000); } } else { - NotificationManager.warning(`Your bomb for Unaboomer ${res.tokenId.toString()} was a dud`, 'oof', 8000); + NotificationManager.warning(`Your bomb for Unaboomer ${res.tokenId.toString()} was a dud`, '', 8000); } - - }) + }); } }); return ( @@ -523,10 +550,27 @@ function Section3(props) { ) ||

no bombs

}
+ +
+ {isConnected && JSON.parse(tokensMinted).length > 0 && ( + <> +

Your Unaboomers

+
+ {JSON.parse(tokensMinted).map((id, idx) => ( +
+ +
+ ))} +
+ + )} +
)} + + - + } {isConnected && options.unaboomerMaxSupply > 0 && ( <> @@ -578,7 +622,7 @@ function Trollbox(props) { useEffect(() => { localStorage.setItem('trollboxHistory', history); - }, [history]) + }, [history]); const connectionStatus = { [ReadyState.CONNECTING]: 'Connecting',