Fixes

src/components/Demo Admin/Control Panel/ActionsDemo/AddCategoryDemo/AddCategoryDemo.jsx

@@ -1,6 +1,7 @@
 import React, {useState} from 'react'
 import Loading from '../../../../Loading/Loading'
 import Messages from '../../../../Messages/Messages'
+import DemoMessage from '../../DemoMessage/DemoMessage'
 
 const AddCategoryDemo = () => {
     const [categorySpanish, setCategorySpanish] = useState('')
@@ -13,6 +14,8 @@ const AddCategoryDemo = () => {
     
     const [data, setData] = useState('') 
 
+    const [message, setMessage] = useState(false)
+
     const addCategorySubmit = async (e) => {
         e.preventDefault()
 
@@ -31,6 +34,7 @@ const AddCategoryDemo = () => {
         setFristWordSpanish('')
 
         setLoading(false)
+        setMessage(true)
         ////SendMeEmail('Add Category')
     }
 
@@ -90,6 +94,11 @@ const AddCategoryDemo = () => {
                     </form>
                 </div>
             }
+            {
+                message ?
+                    <DemoMessage setMessage={setMessage}/>
+                : null
+            }
         </>
     )
 }

src/components/Demo Admin/Control Panel/ActionsDemo/DeleteCategoryDemo/DeleteCategoryDemo.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import capitalize from '../../../../Admin/Control Panel/Scripts/Capilazate'
 import Loading from '../../../../Loading/Loading'
 import Messages from '../../../../Messages/Messages'
+import DemoMessage from '../../DemoMessage/DemoMessage'
 
 const DeleteCategoryDemo = () => {
     const [categoriesList, setCategoriesList] = React.useState([])
@@ -12,9 +13,11 @@ const DeleteCategoryDemo = () => {
 
     const [changedTheFirebaseCategories, setChangedTheFirebaseCategories] = React.useState(true)
 
+    const [message, setMessage] = React.useState(false)
+
     const BringCategoriesToThisComponent = async () => {
 
-        const result = await ['english', 'spanish']
+        const result = await ['Category A', 'Category B', 'Category C']
         setCategoriesList(result)
         setLoading(false)
 
@@ -39,14 +42,17 @@ const DeleteCategoryDemo = () => {
 
         if (answer) {
 
-            //
+            setData({
+                sucess: true,
+                message: `All Right!`
+            })
         }
 
-        categorySelection('')
+        setCategorySelection('')
         setLoading(false)
 
         setChangedTheFirebaseCategories(true)
-
+        setMessage(true)
         //SendMeEmail('Delete Category')
     }
 
@@ -88,6 +94,11 @@ const DeleteCategoryDemo = () => {
                     </form>
                 </div>
             }
+            {
+                message ?
+                    <DemoMessage setMessage={setMessage}/>
+                : null
+            }
         </>
     )
 }

src/components/Demo Admin/Control Panel/ActionsDemo/DeleteWordDemo/DeleteWordDemo.jsx

@@ -2,6 +2,7 @@ import React, {useState} from 'react'
 import capitalize from '../../../../Admin/Control Panel/Scripts/Capilazate'
 import Loading from '../../../../Loading/Loading'
 import Messages from '../../../../Messages/Messages'
+import DemoMessage from '../../DemoMessage/DemoMessage'
 
 const DeleteWordDemo = () => {
     
@@ -17,6 +18,8 @@ const DeleteWordDemo = () => {
 
     const [data, setData] = useState(false)
 
+    const [message, setMessage] = React.useState(false)
+
     const bringData = async (response = false) => {
 
         const bringCategoriesToThisComponent = async () => {
@@ -106,6 +109,8 @@ const DeleteWordDemo = () => {
         setWordSelect('')
         
         bringData(response)
+        setMessage(true)
+
         ////SendMeEmail('Delete Word')
     }
     
@@ -167,6 +172,11 @@ const DeleteWordDemo = () => {
                     <input type="submit" value="Delete" />
                 </form>
             </div>
+            {
+                message ?
+                    <DemoMessage setMessage={setMessage}/>
+                : null
+            }
         </>
     )
 }

src/components/Demo Admin/Control Panel/ActionsDemo/EditWordDemo/EditWordDemo.jsx

@@ -2,6 +2,7 @@ import React, {useState} from 'react'
 import capitalize from '../../../../Admin/Control Panel/Scripts/Capilazate'
 import Loading from '../../../../Loading/Loading'
 import Messages from '../../../../Messages/Messages'
+import DemoMessage from '../../DemoMessage/DemoMessage'
 
 const EditWordDemo = () => {
     
@@ -19,6 +20,8 @@ const EditWordDemo = () => {
 
     const [data, setData] = useState(false)
 
+    const [message, setMessage] = React.useState(false)
+
     const bringLanguagesToThisComponent = async () => {
     
         const languages = await ['english', 'spanish']
@@ -70,13 +73,7 @@ const EditWordDemo = () => {
 
         setLoading(true)
 
-        const result = await {
-
-            sucess: true,
-            message: 'All Right!'
-        }
-        console.log(result)
-        setWordsList(result)
+        setWordsList(['Example 1', 'Example 2', 'Example 3'])
 
         setLoading(false)
     }
@@ -84,7 +81,8 @@ const EditWordDemo = () => {
     const submitEditWord = async (e) => {
 
         e.preventDefault()
-
+        
+        setData(false)
         setLoading(true)
 
         if (languageSelection === '' || languageSelection === 'default') {
@@ -132,13 +130,14 @@ const EditWordDemo = () => {
             message: `All Right!`
         })
 
-        setLanguageSelection('')
-        setCategorySelection('')
-        setWordSelection('')
+        setLanguageSelection('default')
+        setCategorySelection('default')
+        setWordSelection('default')
         setNewWord('')
-
+        
         setLoading(false)
 
+        setMessage(true)
         ////SendMeEmail('Edit word')
     }
 
@@ -213,6 +212,11 @@ const EditWordDemo = () => {
                     </form>
                 </div>
             }
+            {
+                message ?
+                    <DemoMessage setMessage={setMessage}/>
+                : null
+            }
         </>
     )
 }