From f77d7530a309d1c043d3b37184327a237e456be8 Mon Sep 17 00:00:00 2001
From: rbrignall <rbrignall@gmail.com>
Date: Thu, 20 Jan 2022 23:16:27 +0000
Subject: [PATCH] Capture note enough letters in guess

---
 src/App.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index 256878c..d970edf 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -18,6 +18,7 @@ function App() {
   const [isWinModalOpen, setIsWinModalOpen] = useState(false)
   const [isInfoModalOpen, setIsInfoModalOpen] = useState(false)
   const [isAboutModalOpen, setIsAboutModalOpen] = useState(false)
+  const [isNotEnoughLetters, setIsNotEnoughLetters] = useState(false)
   const [isWordNotFoundAlertOpen, setIsWordNotFoundAlertOpen] = useState(false)
   const [isGameLost, setIsGameLost] = useState(false)
   const [shareComplete, setShareComplete] = useState(false)
@@ -53,6 +54,13 @@ function App() {
   }
 
   const onEnter = () => {
+    if (!(currentGuess.length === 5)) {
+      setIsNotEnoughLetters(true)
+      return setTimeout(() => {
+        setIsNotEnoughLetters(false)
+      }, 2000)
+    }
+  
     if (!isWordInWordList(currentGuess)) {
       setIsWordNotFoundAlertOpen(true)
       return setTimeout(() => {
@@ -81,6 +89,7 @@ function App() {
 
   return (
     <div className="py-8 max-w-7xl mx-auto sm:px-6 lg:px-8">
+      <Alert message="Not enough letters" isOpen={isNotEnoughLetters} />
       <Alert message="Word not found" isOpen={isWordNotFoundAlertOpen} />
       <Alert
         message={`You lost, the word was ${solution}`}