diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index b7fde51..2f87062 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -14,6 +14,7 @@ import Explosion from '../img/explosion.png'; import Arrow from '../img/arrow_right.png'; import LZA from '../img/lza_menace.png'; import Carty from '../img/cartyisme.png'; +import Loading from '../img/loading.svg'; export function Hero(props) { @@ -51,7 +52,6 @@ export function Hero(props) { unaboomerMaxSupply: 0, unaboomerMaxSurvivorCount: 0, unaboomerMaxMintPerWallet: 0, - readWTF: false, balancesFetched: false, unaboomersByAddress: [] }); @@ -172,6 +172,10 @@ export function Hero(props) { ...assembleBombsPrepare.config, onError(data) { if (data.message.startsWith('user rejected transaction')) NotificationManager.info(`tx cancelled`, 'ok', 4000); + }, + onSuccess(data) { + NotificationManager.success(`Bombs acquired. Let's kill some Boomers.`, '', 3000); + assembleBombsWrite.reset(); } }); const sendBombsPrepare = usePrepareContractWrite({ @@ -203,7 +207,7 @@ export function Hero(props) { tm.push(Number(res.tokenId)); }); setTokensMinted(JSON.stringify(tm)); - console.log(tm); + radicalizeBoomersWrite.reset(); } }) useWaitForTransaction({ @@ -217,14 +221,15 @@ export function Hero(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()}`, '', 8000); + NotificationManager.error(`Your bomb exploded during assembly and killed your Unaboomer ${res.tokenId.toString()}`, '', 5000); } else { - NotificationManager.success(`Your bomb killed Unaboomer ${res.tokenId.toString()}`, '', 8000); + NotificationManager.success(`Your bomb killed Unaboomer ${res.tokenId.toString()}`, '', 5000); } } else { - NotificationManager.warning(`Your bomb for Unaboomer ${res.tokenId.toString()} was a dud`, '', 8000); + NotificationManager.warning(`Your bomb for Unaboomer ${res.tokenId.toString()} was a dud`, '', 5000); } }); + sendBombsWrite.reset(); } }); @@ -235,7 +240,7 @@ export function Hero(props) {

Technology is advancing at an exponential rate and boomers are being left behind. A.I., Bitcoin, and expensive JPEGs have made them angry.

- They've begun to radicalize. {options.unaboomerMaxSupply > 0 ? options.unaboomerMaxSupply: '35,000'} Boomers have joined forces + They've begun to radicalize. {options.unaboomerMaxSupply > 0 ? options.unaboomerMaxSupply: '7,896'} Boomers have joined forces to lash out at the system.

@@ -265,7 +270,7 @@ export function Hero(props) {

({ethers.utils.formatEther((options.unaboomerPrice * options.unaboomerAmount).toString())} ETH)

@@ -302,7 +307,7 @@ export function Hero(props) {

({ethers.utils.formatEther((options.bombPrice * options.bombAmount).toString())} ETH)

@@ -331,7 +336,7 @@ export function Hero(props) {

(tx fee)

@@ -340,10 +345,27 @@ export function Hero(props) { }
+
+ {isConnected && JSON.parse(tokensMinted).length > 0 && ( + <> +

Your Unaboomers

+
+ {JSON.parse(tokensMinted).filter((item, index) => JSON.parse(tokensMinted).indexOf(item) === index).map((id, idx) => ( +
+ + + +
+ ) + )} +
+ + )} +

WTF!?

- UNABOOMER is a deflationary Player vs. Player PFP NFT. 35,000 pixel Boomers, with 190 unique traits will go free-to-radicalize. + UNABOOMER is a deflationary Player vs. Player PFP NFT consisting of 7,896 pixel Boomers with 190 unique traits.

Assemble a mailbomb and burn it to destroy a random Boomer in the collection. Destroyed Boomers will explode, lose their traits, and be burned. Mailbomb assembly is open to all. @@ -352,7 +374,7 @@ export function Hero(props) { But be careful! Your Boomer can blow itself up in the process. The more Boomers destroyed, the more likely your bomb is a dud.

- This is only the beginning... + The round will end when 1,995 players remain standing...

@@ -366,27 +388,10 @@ export function Hero(props) {
lza_menace Milady PFP @lza_menace -

Solidity dude, Monero fan, and meme consooomer.

+

Coder, loser, Monero fan, and meme consooomer.

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

Your Unaboomers

-
- {JSON.parse(tokensMinted).filter((item, index) => JSON.parse(tokensMinted).indexOf(item) === index).map((id, idx) => ( -
- - - -
- ) - )} -
- - )} -
{isConnected && address && ( <> - {message.from.slice(-6)} + {message.from.slice(-4)} : {message.message} diff --git a/src/img/loading.svg b/src/img/loading.svg new file mode 100644 index 0000000..63043a6 --- /dev/null +++ b/src/img/loading.svg @@ -0,0 +1,22 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/index.js b/src/index.js index 2683765..85eeb4d 100644 --- a/src/index.js +++ b/src/index.js @@ -18,7 +18,7 @@ import { Footer } from "./components/Footer"; const { chains, provider, webSocketProvider } = configureChains( [mainnet, goerli, localhost], [ - // infuraProvider({ apiKey: 'e7674eea9d72437d9129b41ed018183d' }), + infuraProvider({ apiKey: 'e7674eea9d72437d9129b41ed018183d' }), publicProvider() ] ); @@ -29,7 +29,7 @@ const { connectors } = getDefaultWallets({ }); const wagmiClient = createClient({ - autoConnect: true, + autoConnect: false, connectors, provider, webSocketProvider @@ -37,10 +37,10 @@ const wagmiClient = createClient({ ReactDOM.createRoot(document.getElementById("root")).render( - +