Merge pull request #90 from Z-100/develop

Release 3.0

src/components/navigation/contact/components/contact-form/ContactFormContainer.tsx

@@ -1,14 +1,27 @@
-import React, {useState} from 'react'
+import React, {useRef, useState} from 'react'
 
 export const ContactFormContainer = () => {
 
     const [formData, setFormData] = useState({
         name: '',
-        email: '',
         phoneNumber: '',
         message: '',
     });
 
+    const openMail = (
+        message: string,
+        name: string,
+        phoneNumber: string,
+    ) => {
+        const recipient = '[email protected]';
+        const subject = 'Interested in hiring';
+
+        message += `\n\nName: ${name}`;
+        if (phoneNumber) message += `\nPhone: ${phoneNumber}`;
+
+        window.location.href = `mailto:${recipient}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(message)}`;
+    }
+
     const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
         const { name, value } = e.target;
         setFormData({
@@ -21,22 +34,11 @@ export const ContactFormContainer = () => {
         e.preventDefault();
         const {name, phoneNumber, message} = formData;
         openMail(message, name, phoneNumber);
+        resetForm();
     };
 
-    const openMail = (
-        message: string,
-        name: string,
-        phoneNumber: string,
-    ) => {
-        const recipient = '[email protected]';
-        const subject = 'Interested in hiring';
-
-        message += `\n\nName: ${name}`;
-        if (phoneNumber) {
-            message += `\nPhone: ${phoneNumber}`
-        }
-
-        window.location.href = `mailto:${recipient}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(message)}`;
+    const resetForm = () => {
+        setFormData({name: '', phoneNumber: '', message: ''});
     }
 
     return (

src/domain/mock-db/featured-projects-data.ts

@@ -20,7 +20,7 @@ export const featuredProjectsData: Project[] = [
         shortDesc: "Geo Reminder App",
         desc: "Basically a location based reminder app",
         url: "https://github.com/ZE-100/GeoPal",
-        img: "/logo171.png"
+        img: "/android-logo.png"
     },
     {
         name: "BackFusion",
@@ -34,7 +34,7 @@ export const featuredProjectsData: Project[] = [
         shortDesc: "Cute day counter app",
         desc: "One of my first Android apps! It counts down days in a cute way",
         url: "https://github.com/ZE-100/DayCounter",
-        img: "/logo171.png"
+        img: "/android-logo.png"
     },
     {
         name: "More projects",

src/domain/mock-db/socials-data.ts

@@ -14,7 +14,7 @@ export const socialMediaElements: SocialMediaElement[] = [
     },
     {
         name: "LinkedIn",
-        url: "https://linkedin.com/in/marvin-z-17aa-742a9",
+        url: "https://linkedin.com/in/marvin-z",
         icon: FaLinkedin,
     },
     {
@@ -24,7 +24,7 @@ export const socialMediaElements: SocialMediaElement[] = [
     },
     {
         name: "Website",
-        url: "https://vayan.vercel.app",
+        url: "https://vayan.zindustries.ch",
         icon: FaReact,
     },
 ];