diff --git a/src/styles/sections.css b/src/styles/sections.css index b5cd642..9767f63 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -109,19 +109,13 @@ } .dots { - width: 7px; - height: 7px; + width: 10px; + height: 10px; position: absolute; border-radius: 50%; - animation: pulse .75s ease infinite alternate; + animation: pulse .5s ease infinite alternate; } -.squares { - width: 7px; - height: 7px; - position: absolute; - animation: pulse .75s ease infinite alternate; -} @keyframes pulse { 0% { opacity: .5 } diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index 8275c0d..1dc4bb8 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -1,14 +1,13 @@ import React, { useState } from 'react'; import { ethers, BigNumber } from 'ethers'; import { useAccount, useContractReads, useContractRead, usePrepareContractWrite, useContractWrite, useWaitForTransaction } from 'wagmi'; -import Typewriter from 'react-ts-typewriter'; -import Slider from 'rc-slider'; import { Parallax } from 'react-parallax'; import { animateScroll as scroll } from 'react-scroll' import { NotificationContainer, NotificationManager } from 'react-notifications'; -import { publicProvider } from 'wagmi/providers/public'; - import { AwesomeButton } from 'react-awesome-button'; +import Typewriter from 'react-ts-typewriter'; +import Slider from 'rc-slider'; + import Boomer from '../img/unaboomer.png'; import Newspapers from '../img/newspapers.png'; import Bomb from '../img/bomb.png'; @@ -153,32 +152,37 @@ class GameMap extends React.Component { return ( <>

Metaverse Map

-
- -
-
- -

- Kill Leader:
- - {this.shorten(this.props.leaderAddress)} - -

-

- {this.props.leaderKillCount} kills -

-
+ {this.state.unaboomerSupply > 0 && ( +
+ +
+ )} + + {this.props.leaderKillCount > 0 && ( +
+ +

+ Kill Leader:
+ + {this.shorten(this.props.leaderAddress)} + +

+

+ {this.props.leaderKillCount} kills +

+
+ )}
- - + +
) @@ -325,10 +329,7 @@ function Section3() { abi: MainABI, enabled: isConnected && options.bombBalance > 0, functionName: 'sendBombs', - args: [options.sendBombAmount], - onError(err) { - console.log(err); - } + args: [options.sendBombAmount] }); const sendBombsWrite = useContractWrite(sendBombsPrepare.config); useWaitForTransaction({