improve site

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?.()}>
+                    <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?.()}>
+                    <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?.()}>
+                    <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>