Fixed form and added messages of confirmation or error when sending

eperezme · Dec 12, 2023 · ea39b4d · ea39b4d
1 parent ccee0e0
commit ea39b4d
Show file tree

Hide file tree

Showing 100 changed files with 74 additions and 7 deletions.
diff --git a/dist/assets/CV-3SMeTjr4.pdf b/dist/assets/CV-3SMeTjr4.pdf
diff --git a/dist/assets/CV-3SMeTjr4.pdf.br b/dist/assets/CV-3SMeTjr4.pdf.br
diff --git a/dist/assets/box-DnkqqV6E.webp b/dist/assets/box-DnkqqV6E.webp
diff --git a/dist/assets/box-ZodVrPiS.png b/dist/assets/box-ZodVrPiS.png
diff --git a/dist/assets/box-ZodVrPiS.png.br b/dist/assets/box-ZodVrPiS.png.br
diff --git a/dist/assets/box-b-mz38q0.webp b/dist/assets/box-b-mz38q0.webp
diff --git a/dist/assets/box-fOcf86sv.webp b/dist/assets/box-fOcf86sv.webp
diff --git a/dist/assets/box-ho1JC4Kz.webp b/dist/assets/box-ho1JC4Kz.webp
diff --git a/dist/assets/box-zvpSbTUU.webp b/dist/assets/box-zvpSbTUU.webp
diff --git a/dist/assets/diabplot-DB8lvvOp.webp b/dist/assets/diabplot-DB8lvvOp.webp
diff --git a/dist/assets/diabplot-SfGbHhIe.webp b/dist/assets/diabplot-SfGbHhIe.webp
diff --git a/dist/assets/diabplot-SfGbHhIe.webp.br b/dist/assets/diabplot-SfGbHhIe.webp.br
diff --git a/dist/assets/diabplot-ZLb1ZTZt.webp b/dist/assets/diabplot-ZLb1ZTZt.webp
diff --git a/dist/assets/diabplot-ZLb1ZTZt.webp.br b/dist/assets/diabplot-ZLb1ZTZt.webp.br
diff --git a/dist/assets/diabplot-mg2dLJNG.webp b/dist/assets/diabplot-mg2dLJNG.webp
diff --git a/dist/assets/diabplot-yBz73zi2.png b/dist/assets/diabplot-yBz73zi2.png
diff --git a/dist/assets/diabplot-yBz73zi2.png.br b/dist/assets/diabplot-yBz73zi2.png.br
diff --git a/dist/assets/diabplot-yQUhjAN3.webp b/dist/assets/diabplot-yQUhjAN3.webp
diff --git a/dist/assets/index-iBOevf1u.js b/dist/assets/index-iBOevf1u.js
diff --git a/dist/assets/index-iBOevf1u.js.br b/dist/assets/index-iBOevf1u.js.br
diff --git a/dist/assets/index-jokBaQeX.css b/dist/assets/index-jokBaQeX.css
diff --git a/dist/assets/index-jokBaQeX.css.br b/dist/assets/index-jokBaQeX.css.br
diff --git a/dist/assets/lambda-MCR71dns.webp b/dist/assets/lambda-MCR71dns.webp
diff --git a/dist/assets/lambda-MCR71dns.webp.br b/dist/assets/lambda-MCR71dns.webp.br
diff --git a/dist/assets/lambda-VVI-x8Ea.webp b/dist/assets/lambda-VVI-x8Ea.webp
diff --git a/dist/assets/lambda-YGnhVCDu.webp b/dist/assets/lambda-YGnhVCDu.webp
diff --git a/dist/assets/lambda-YGnhVCDu.webp.br b/dist/assets/lambda-YGnhVCDu.webp.br
diff --git a/dist/assets/lambda-_47YiK0I.webp b/dist/assets/lambda-_47YiK0I.webp
diff --git a/dist/assets/lambda-wJc28X7L.png b/dist/assets/lambda-wJc28X7L.png
diff --git a/dist/assets/lambda-wJc28X7L.png.br b/dist/assets/lambda-wJc28X7L.png.br
diff --git a/dist/assets/lambda-yojAWsUX.webp b/dist/assets/lambda-yojAWsUX.webp
diff --git a/dist/assets/mev-02m5Qhf1.webp b/dist/assets/mev-02m5Qhf1.webp
diff --git a/dist/assets/mev-EsXNdE5Q.webp b/dist/assets/mev-EsXNdE5Q.webp
diff --git a/dist/assets/mev-JUCX63J9.webp b/dist/assets/mev-JUCX63J9.webp
diff --git a/dist/assets/mev-NSMLvM14.jpg b/dist/assets/mev-NSMLvM14.jpg
diff --git a/dist/assets/mev-NSMLvM14.jpg.br b/dist/assets/mev-NSMLvM14.jpg.br
diff --git a/dist/assets/mev-XPTPq7-s.webp b/dist/assets/mev-XPTPq7-s.webp
diff --git a/dist/assets/mev-cm-NNSTe.webp b/dist/assets/mev-cm-NNSTe.webp
diff --git a/dist/assets/mev-lftmyxlW.webp b/dist/assets/mev-lftmyxlW.webp
diff --git a/dist/assets/mev-ll4718Tf.webp b/dist/assets/mev-ll4718Tf.webp
diff --git a/dist/assets/mev-pXwoqI5R.webp b/dist/assets/mev-pXwoqI5R.webp
diff --git a/dist/assets/mev-rS2SITmS.webp b/dist/assets/mev-rS2SITmS.webp
diff --git a/dist/assets/mev-rS2SITmS.webp.br b/dist/assets/mev-rS2SITmS.webp.br
diff --git a/dist/assets/mev-tqTCR2n_.webp b/dist/assets/mev-tqTCR2n_.webp
diff --git a/dist/assets/mev-wtLR14tV.webp b/dist/assets/mev-wtLR14tV.webp
diff --git a/dist/assets/mev-yP6zqb47.webp b/dist/assets/mev-yP6zqb47.webp
diff --git a/dist/assets/portal-5vgMnd0P.webp b/dist/assets/portal-5vgMnd0P.webp
diff --git a/dist/assets/portal-5vgMnd0P.webp.br b/dist/assets/portal-5vgMnd0P.webp.br
diff --git a/dist/assets/portal-86T-HfaE.webp b/dist/assets/portal-86T-HfaE.webp
diff --git a/dist/assets/portal-86T-HfaE.webp.br b/dist/assets/portal-86T-HfaE.webp.br
diff --git a/dist/assets/portal-LqQhnyrk.webp b/dist/assets/portal-LqQhnyrk.webp
diff --git a/dist/assets/portal-LqQhnyrk.webp.br b/dist/assets/portal-LqQhnyrk.webp.br
diff --git a/dist/assets/portal-__rTGbPX.webp b/dist/assets/portal-__rTGbPX.webp
diff --git a/dist/assets/portal-__rTGbPX.webp.br b/dist/assets/portal-__rTGbPX.webp.br
diff --git a/dist/assets/portal-qjVJxgU3.png b/dist/assets/portal-qjVJxgU3.png
diff --git a/dist/assets/portal-qjVJxgU3.png.br b/dist/assets/portal-qjVJxgU3.png.br
diff --git a/dist/assets/portal-r0_4WzGE.webp b/dist/assets/portal-r0_4WzGE.webp
diff --git a/dist/assets/portal-r0_4WzGE.webp.br b/dist/assets/portal-r0_4WzGE.webp.br
diff --git a/dist/assets/portal-z8XvCI73.webp b/dist/assets/portal-z8XvCI73.webp
diff --git a/dist/assets/principal---Xcf0cj.webp b/dist/assets/principal---Xcf0cj.webp
diff --git a/dist/assets/principal-BRaehdmU.webp b/dist/assets/principal-BRaehdmU.webp
diff --git a/dist/assets/principal-BRaehdmU.webp.br b/dist/assets/principal-BRaehdmU.webp.br
diff --git a/dist/assets/principal-O4Vm3Yx4.webp b/dist/assets/principal-O4Vm3Yx4.webp
diff --git a/dist/assets/principal-WJ86Hz4N.webp b/dist/assets/principal-WJ86Hz4N.webp
diff --git a/dist/assets/principal-XBaOSy92.webp b/dist/assets/principal-XBaOSy92.webp
diff --git a/dist/assets/principal-XBaOSy92.webp.br b/dist/assets/principal-XBaOSy92.webp.br
diff --git a/dist/assets/principal-gFuqWqAn.webp b/dist/assets/principal-gFuqWqAn.webp
diff --git a/dist/assets/principal-oSe-CBGj.webp b/dist/assets/principal-oSe-CBGj.webp
diff --git a/dist/assets/principal-sLte5aCd.webp b/dist/assets/principal-sLte5aCd.webp
diff --git a/dist/assets/principal-tY3wyvzb.png b/dist/assets/principal-tY3wyvzb.png
diff --git a/dist/assets/principal-tY3wyvzb.png.br b/dist/assets/principal-tY3wyvzb.png.br
diff --git a/dist/assets/principal-vZuUKxTs.webp b/dist/assets/principal-vZuUKxTs.webp
diff --git a/dist/assets/principal-vq55VJtC.webp b/dist/assets/principal-vq55VJtC.webp
diff --git a/dist/assets/principal-wUk3pzc9.webp b/dist/assets/principal-wUk3pzc9.webp
diff --git a/dist/assets/principal-xP6RHm05.webp b/dist/assets/principal-xP6RHm05.webp
diff --git a/dist/assets/surv2-Il9RU6QS.webp b/dist/assets/surv2-Il9RU6QS.webp
diff --git a/dist/assets/surv2-OMen_-dU.png b/dist/assets/surv2-OMen_-dU.png
diff --git a/dist/assets/surv2-OMen_-dU.png.br b/dist/assets/surv2-OMen_-dU.png.br
diff --git a/dist/assets/surv2-WJHvdoB5.webp b/dist/assets/surv2-WJHvdoB5.webp
diff --git a/dist/assets/surv2-d4qEPSPp.webp b/dist/assets/surv2-d4qEPSPp.webp
diff --git a/dist/assets/surv2-d4qEPSPp.webp.br b/dist/assets/surv2-d4qEPSPp.webp.br
diff --git a/dist/assets/surv2-o0SCHg-A.webp b/dist/assets/surv2-o0SCHg-A.webp
diff --git a/dist/assets/surv2-qLBbXWQI.webp b/dist/assets/surv2-qLBbXWQI.webp
diff --git a/dist/assets/surv2-qLBbXWQI.webp.br b/dist/assets/surv2-qLBbXWQI.webp.br
diff --git a/dist/assets/wood-4qnF6c8N.webp b/dist/assets/wood-4qnF6c8N.webp
diff --git a/dist/assets/wood-8j-bBQ3a.webp b/dist/assets/wood-8j-bBQ3a.webp
diff --git a/dist/assets/wood-AiMQXz-X.webp b/dist/assets/wood-AiMQXz-X.webp
diff --git a/dist/assets/wood-EyGBcRTB.webp b/dist/assets/wood-EyGBcRTB.webp
diff --git a/dist/assets/wood-Ict-UB-5.webp b/dist/assets/wood-Ict-UB-5.webp
diff --git a/dist/assets/wood-LLUFGs4r.webp b/dist/assets/wood-LLUFGs4r.webp
diff --git a/dist/assets/wood-Okh0X-2c.webp b/dist/assets/wood-Okh0X-2c.webp
diff --git a/dist/assets/wood-YBiEo1AT.webp b/dist/assets/wood-YBiEo1AT.webp
diff --git a/dist/assets/wood-dufDDxjY.jpg b/dist/assets/wood-dufDDxjY.jpg
diff --git a/dist/assets/wood-dufDDxjY.jpg.br b/dist/assets/wood-dufDDxjY.jpg.br
diff --git a/dist/assets/wood-sim1rnk6.webp b/dist/assets/wood-sim1rnk6.webp
diff --git a/dist/assets/wood-zyCgRYW1.webp b/dist/assets/wood-zyCgRYW1.webp
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/icons/dna.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Eduard Portfolio</title>
+    <script type="module" crossorigin src="/assets/index-iBOevf1u.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-jokBaQeX.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

diff --git a/dist/index.html.br b/dist/index.html.br
diff --git a/dist/vite.svg.br b/dist/vite.svg.br
diff --git a/src/sources/contact/Form.jsx b/src/sources/contact/Form.jsx
@@ -1,17 +1,22 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import emailjs from '@emailjs/browser';
 
 const Form = () => {
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [subject, setSubject] = useState('');
   const [message, setMessage] = useState('');
+  const [isFormValid, setIsFormValid] = useState(false);
+  const [errorMessage, setErrorMessage] = useState('');
 
   const handleSubmit = (e) => {
     e.preventDefault();
 
-    if (message.trim() === '') {
-      return; // Do not send the message if it is empty
+    if (!isFormValid) {
+      const errorMessage = 'Please fill in all fields.'; // Set error message if any field is empty
+      setErrorMessage(errorMessage); // Update the state
+      alert(errorMessage); // Display error message in a popup alert
+      return;
     }
 
     // Replace with your own emailjs service ID, template ID, and public key
@@ -27,21 +32,24 @@ const Form = () => {
     }, publicKey)
       .then((response) => {
         console.log('Email sent successfully!', response.status, response.text);
-        // Reset form fields
+        // Reset form fields and error message
         setName('');
         setEmail('');
         setSubject('');
         setMessage('');
+        alert('Email sent successfully!');
       })
       .catch((error) => {
         console.error('Error sending email:', error);
       });
   };
 
-  return (
+  useEffect(() => {
+    setIsFormValid(name.trim() !== '' && email.trim() !== '' && subject.trim() !== '' && message.trim() !== '');
+  }, [name, email, subject, message]);
 
+  return (
     <form onSubmit={handleSubmit} className="col-md-11 col-lg-9">
-
       <div className="form-group">
         <label className='form'>
           <h4>Name</h4>
@@ -70,7 +78,6 @@ const Form = () => {
         </label>
       </div>
 
-
       <div className="d-flex flex-column flex-md-row mt-3 pb-2">
         <button type="submit" className="btn-mktg">Submit
           <svg xmlns="http://www.w3.org/2000/svg" className="octicon arrow-symbol-mktg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill="currentColor" d="M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"></path><path className="octicon-chevrow-stem" stroke="currentColor" d="M1.75 8H11" strokeWidth="1.5" strokeLinecap="round"></path></svg>