From 27320f8627d8b02dde7b70a7db9897e9c97e8b60 Mon Sep 17 00:00:00 2001
From: lza_menace <lza_menace@protonmail.com>
Date: Wed, 25 Jan 2023 12:10:04 -0800
Subject: [PATCH] improve site

---
 src/components/Hero.jsx | 89 +++++++++++++++++------------------------
 1 file changed, 36 insertions(+), 53 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index c3e3909..de2a937 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -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>