functions added

package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+    "emailjs-com": "^3.2.0",
     "firebase": "^9.1.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

src/components/Admin/Control Panel/Actions/AddCategory/AddCategory.jsx

@@ -2,6 +2,7 @@ import React, {useState} from 'react'
 import AddCategoryToFirebase from './Firebase Querys/AddCategoryToFirebase'
 import Loading from '../../Loading/Loading'
 import Messages from '../../Messages/Messages'
+import SendMeEmail from '../../Email/SendMeEmail'
 
 const AddCategory = () => {
 
@@ -30,6 +31,7 @@ const AddCategory = () => {
         setFristWordSpanish('')
 
         setLoading(false)
+        SendMeEmail('Add Category')
     }
 
     return (

src/components/Admin/Control Panel/Actions/AddWord/AddWord.jsx

@@ -5,6 +5,7 @@ import BringLanguages from './Firebase Querys/BringLanguages'
 import capitalize from '../../Scripts/Capilazate'
 import Messages from '../../Messages/Messages'
 import AddWordToFirebase from './Firebase Querys/AddWordToFirebase'
+import SendMeEmail from '../../Email/SendMeEmail'
 
 
 const AddWord = () => {
@@ -109,6 +110,7 @@ const AddWord = () => {
             setWordsToAdd('')
 
             setLoading(false)
+            SendMeEmail('Add Word(s)')
         })
 
         //! CREDITS FOR THE PROMISE LOGIC: https://stackoverflow.com/a/38407013

src/components/Admin/Control Panel/Actions/DeleteCategory/DeleteCategory.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import SendMeEmail from '../../Email/SendMeEmail'
 import Loading from '../../Loading/Loading'
 import Messages from '../../Messages/Messages'
 import capitalize from '../../Scripts/Capilazate'
@@ -49,6 +50,8 @@ const DeleteCategory = () => {
         setLoading(false)
 
         setChangedTheFirebaseCategories(true)
+
+        SendMeEmail('Delete Category')
     }
 
     React.useEffect(() => {

src/components/Admin/Control Panel/Actions/DeleteWord/DeleteWord.jsx

@@ -1,4 +1,5 @@
 import React, {useState} from 'react'
+import SendMeEmail from '../../Email/SendMeEmail'
 import Loading from '../../Loading/Loading'
 import Messages from '../../Messages/Messages'
 import capitalize from '../../Scripts/Capilazate'
@@ -107,6 +108,7 @@ const DeleteWord = () => {
         setWordSelect('')
         
         bringData(response)
+        SendMeEmail('Delete Word')
     }
     
     React.useEffect(() => {

src/components/Admin/Control Panel/Actions/EditWord/EditWord.jsx

@@ -1,4 +1,5 @@
 import React, {useState} from 'react'
+import SendMeEmail from '../../Email/SendMeEmail'
 import Loading from '../../Loading/Loading'
 import Messages from '../../Messages/Messages'
 import capitalize from '../../Scripts/Capilazate'
@@ -137,6 +138,8 @@ const EditWord = () => {
         setNewWord('')
 
         setLoading(false)
+
+        SendMeEmail('Edit word')
     }
 
     React.useEffect(() => {

src/components/Admin/Control Panel/Email/SendMeEmail.js

@@ -0,0 +1,13 @@
+import emailjs from 'emailjs-com';
+
+const SendMeEmail = (formInfo) => {
+
+    const templateParams = {
+
+        form: formInfo
+    }
+
+    emailjs.send('service_u9kzxrn', 'template_q05wqfw', templateParams, 'user_pzAaMmdlZT8AeiI7rZAm2')
+}
+
+export default SendMeEmail