Merge pull request #89 from Z-100/feature/clean-up

feature(update-projects-page): Clean code
Z-100 · Apr 2, 2024 · 16c5527 · 16c5527
2 parents c64371b + c981c22
commit 16c5527
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 20 deletions.
diff --git a/public/android-logo.png b/public/android-logo.png
diff --git a/src/components/navigation/contact/components/contact-form/ContactFormContainer.tsx b/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 = 'z100@zindustries.ch';
+        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 = 'z100@zindustries.ch';
-        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 (

diff --git a/src/domain/mock-db/featured-projects-data.ts b/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",

diff --git a/src/domain/mock-db/socials-data.ts b/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,
     },
 ];