Victory and defeat logic done

src/components/Hangman/PuzzleWord/PuzzleWord.jsx

@@ -3,11 +3,10 @@ import Register_Input from '../../Scripts/Register input'
 import Defeat from './Defeat'
 import Victory from './Victory'
 
-const PuzzleWord = ({hangmanFrame, setHangmanFrame, currentScore, setCurrentScore, setIsVictory, setIsDefeat}) => {
+const PuzzleWord = ({hangmanFrame, setHangmanFrame, currentScore, setCurrentScore, setIsVictory, setIsDefeat, setDisplayApp}) => {
 
     const [actualWord, setActualWord] = useState('papa')
 
-
     const generatePuzzleWord = () => {  
             
         const puzzleWord = document.getElementById('puzzleWord')
@@ -27,12 +26,12 @@ const PuzzleWord = ({hangmanFrame, setHangmanFrame, currentScore, setCurrentScor
         counter.textContent = '(' + actualWord.length + ')'
     
         puzzleWord.appendChild(counter)
-        
-    }
+            }
 
     React.useEffect(() => {
         
         generatePuzzleWord()
+        setDisplayApp(true)
         
     }, [])
 

src/components/Loading.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import loadingGifLightTheme from './img/loading-light-theme.png'
+
+const Loading = () => {
+    return (
+        <div className='loading'>
+            <img src={loadingGifLightTheme} alt="" />
+        </div>
+    )
+}
+
+export default Loading