fix constant network pinging (#19)

## Why
The `useEffect` hook was constantly pinging the network while looking
for changes in `playerGuesses` which lead excessive network requests.
## How
By changing the `useEffect` to watch only for address changes and
shifting the `playerGuess` update to `handleTryGuess`, which makes more
sense.

frontend/src/App.jsx

@@ -44,24 +44,30 @@ function App() {
     // Gets the current account's WDT balance, eligibility to play, player attempts, guesses and alphabet.
     // this is constantly pinging the network, so i'm unsure if this is the right way to go
     useEffect(() => {
+
+        const getParams = async (address) => {
+            const balance = await getWDTBalance(address)
+            const alphabet = await getAlphabet(address)
+            const playerGuesses = await getPlayerGuesses(address)
+            if (alphabet.length > 0) {setIsPlaying(true)}
+            if (balance) setWdtBalance(balance)
+            if (alphabet) setAlphabet(alphabet)
+            if (playerGuesses) setPlayerGuesses(playerGuesses)
+        }
+
         if (currentAddress) {
-            getWDTBalance(currentAddress).then(setWdtBalance)
-
-            getAlphabet(currentAddress).then(res => {
-                if (res.length === 0) setIsPlaying(false)
-                else setIsPlaying(true)
-                setAlphabet(res)                                
-            })
-            getPlayerGuesses(currentAddress).then(setPlayerGuesses)
+            getParams(currentAddress)
         }
-    }, [currentAddress, playerGuesses])
+
+    }, [currentAddress])
 
     // handle the guess input
     const handleGuessChange = (e) => setGuess(e.target.value)
 
     // handle new guess
     const handleNewGuess = (account, guess) => {
         tryGuess(account, guess)
+        setTimeout(() => getPlayerGuesses(account).then(setPlayerGuesses), 500)
     }  
 
     const handleInitAttempts = async (account) => {

frontend/src/hooks/WordleHooks.ts

@@ -6,7 +6,7 @@ import ERC20ABI from '../abis/ERC20ABI.json'
 // Get number of remaining attempts a player still has
 export async function getAttempts(account) {
   const attempts = await wordle.read.getPlayerAttempts([account])
-  return attempts.toString()
+  return formatEther(attempts)
 }
 
 // Get the current state of the player's alphabet hitmap