ethshit
/
unaboomer-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve site

Browse Source
master
lza_menace 2 years ago
parent 89dc272449
commit 27320f8627
1 changed files with 36 additions and 53 deletions
Show Stats Download Patch File Download Diff File

89
src/components/Hero.jsx
Unescape Escape View File

@ -38,8 +38,8 @@ export function Hero(props) {
unaboomerPreviewAmount: 1,
bombPreviewAmount: 1,
sendBombPreviewAmount: 1,
unaboomerPrice: 0,
bombPrice: ethers.utils.parseEther('.01'),
unaboomerPrice: ethers.utils.parseEther('.05'),
bombPrice: ethers.utils.parseEther('.0025'),
unaboomersMinted: 0,
unaboomerBalance: 0,
bombBalance: 0,
@ -280,23 +280,17 @@ export function Hero(props) {
You have minted {options.unaboomersMinted} Unaboomers.
</p>
)}
{options.unaboomersMinted < options.unaboomerMaxMintPerWallet
&& options.unaboomersKilled + options.unaboomersRadicalized < options.unaboomerMaxSupply
&& (
<>
<input type='number' step='1' defaultValue={1} min={1} max={options.unaboomerMaxMintPerWallet - options.unaboomersMinted} onChange={(v) => {
throttleStateChange({unaboomerAmount: v.target.value});
radicalizeBoomersWrite.reset()
}}></input>
<button className='doThing' disabled={radicalizeBoomersPrepare.status == 'error'} onClick={() => radicalizeBoomersWrite.write?.()}>
{radicalizeBoomersWrite.isLoading && <>minting {options.unaboomerAmount}</>}
{radicalizeBoomersWrite.isIdle && <>Radicalize {options.unaboomerAmount == 1 ? 'a Boomer': <>{options.unaboomerAmount} Boomers</>}</>}
{radicalizeBoomersWrite.isSuccess && <img src={Loading} width="25px"></img>}
{radicalizeBoomersWrite.isError && <>error</>}
</button>
<p>({ethers.utils.formatEther((options.unaboomerPrice * options.unaboomerAmount).toString())} ETH)</p>
</>
)}
<input type='number' step='1' defaultValue={1} min={1} max={options.unaboomerMaxMintPerWallet - options.unaboomersMinted} onChange={(v) => {
throttleStateChange({unaboomerAmount: v.target.value});
radicalizeBoomersWrite.reset()
}}></input>
<button className='doThing' disabled={radicalizeBoomersPrepare.status == 'error' || !isConnected} onClick={() => radicalizeBoomersWrite.write?.()}>
{radicalizeBoomersWrite.isLoading && <>minting {options.unaboomerAmount}</>}
{radicalizeBoomersWrite.isIdle && <>Radicalize {options.unaboomerAmount == 1 ? 'a Boomer': <>{options.unaboomerAmount} Boomers</>}</>}
{radicalizeBoomersWrite.isSuccess && <img src={Loading} width="25px"></img>}
{radicalizeBoomersWrite.isError && <>error</>}
</button>
<p>({ethers.utils.formatEther((options.unaboomerPrice * options.unaboomerAmount).toString())} ETH)</p>
</div>
<div className='heroFlexArrow'>
<img src={Arrow} width='100px' alt='Arrow pointing to the next step.' />
@ -304,7 +298,7 @@ export function Hero(props) {
<div className='heroFlexItem'>
<img src={Mailbomb} width='280px' alt='Pixelated mail bomb image - handle with caution.' />
<p>
Don't let the Boomers win! Assemble mail bombs and blow 'em to smithereens. <br /><br />
Don't let the Boomers win! Assemble mail bombs and blow 'em to smithereens. All minted Unaboomers will be airdropped a mail bomb.<br /><br />
(Warning: Some bombs are duds!)
</p>
{options.bombBalance > 0 && (
@ -313,22 +307,17 @@ export function Hero(props) {
You have {options.bombBalance} Mail bombs.
</p>
)}
{options.unaboomersKilled < options.unaboomerMaxSupply - options.unaboomerMaxSurvivorCount
&& (
<>
<input type='number' step='1' defaultValue={1} min={1} onChange={(v) => {
throttleStateChange({bombAmount: v.target.value});
assembleBombsWrite.reset()
}}></input>
<button className='doThing' disabled={assembleBombsPrepare.status == 'error'} onClick={() => assembleBombsWrite.write?.()}>
{assembleBombsWrite.isLoading && <>assembling {options.bombAmount}</>}
{assembleBombsWrite.isIdle && <>Assemble {options.bombAmount == 1 ? 'a mail bomb': <>{options.bombAmount} Mail bombs</>}</>}
{assembleBombsWrite.isSuccess && <img src={Loading} width="25px"></img>}
{assembleBombsWrite.isError && <>error</>}
</button>
<p>({ethers.utils.formatEther((options.bombPrice * options.bombAmount).toString())} ETH)</p>
</>
)}
<input type='number' step='1' defaultValue={1} min={1} onChange={(v) => {
throttleStateChange({bombAmount: v.target.value});
assembleBombsWrite.reset()
}}></input>
<button className='doThing' disabled={assembleBombsPrepare.status == 'error' || !isConnected} onClick={() => assembleBombsWrite.write?.()}>
{assembleBombsWrite.isLoading && <>assembling {options.bombAmount}</>}
{assembleBombsWrite.isIdle && <>Assemble {options.bombAmount == 1 ? 'a mail bomb': <>{options.bombAmount} Mail bombs</>}</>}
{assembleBombsWrite.isSuccess && <img src={Loading} width="25px"></img>}
{assembleBombsWrite.isError && <>error</>}
</button>
<p>({ethers.utils.formatEther((options.bombPrice * options.bombAmount).toString())} ETH)</p>
</div>
<div className='heroFlexArrow'>
<img src={Arrow} width='100px' alt='Arrow pointing to the next step.' />
@ -339,23 +328,17 @@ export function Hero(props) {
Ready for mayhem? Mail a bomb to blow up a random BOOMER. <br /><br />
(Warning: Your Boomer might explode!)
</p>
{options.unaboomersKilled < options.unaboomerMaxSupply - options.unaboomerMaxSurvivorCount
&& options.bombBalance > 0
&& (
<>
<input type='number' step='1' defaultValue={1} min={1} max={options.bombBalance} onChange={(v) => {
throttleStateChange({sendBombAmount: v.target.value});
sendBombsWrite.reset()
}}></input>
<button className='doThing' disabled={sendBombsPrepare.status == 'error'} onClick={() => sendBombsWrite.write?.()}>
{sendBombsWrite.isLoading && <>mailing {options.sendBombAmount}</>}
{sendBombsWrite.isIdle && <>Mail {options.sendBombAmount == 1 ? 'a bomb': <>{options.sendBombAmount} Mail bombs</>}</>}
{sendBombsWrite.isSuccess && <img src={Loading} width="25px"></img>}
{sendBombsWrite.isError && <>error</>}
</button>
<p>(tx fee)</p>
</>
)}
<input type='number' step='1' defaultValue={1} min={1} max={options.bombBalance} onChange={(v) => {
throttleStateChange({sendBombAmount: v.target.value});
sendBombsWrite.reset()
}}></input>
<button className='doThing' disabled={sendBombsPrepare.status == 'error' || !isConnected} onClick={() => sendBombsWrite.write?.()}>
{sendBombsWrite.isLoading && <>mailing {options.sendBombAmount}</>}
{sendBombsWrite.isIdle && <>Mail {options.sendBombAmount == 1 ? 'a bomb': <>{options.sendBombAmount} Mail bombs</>}</>}
{sendBombsWrite.isSuccess && <img src={Loading} width="25px"></img>}
{sendBombsWrite.isError && <>error</>}
</button>
<p>(tx fee)</p>
</div>
</div>

Write Preview
Loading…
Cancel
Save