From 0da603ee544a158dafd82063411cbe5f135c9286 Mon Sep 17 00:00:00 2001
From: emanuelpps <emanuelpages.ps@gmail.com>
Date: Fri, 16 Feb 2024 18:04:02 -0300
Subject: [PATCH] added corrections

---
 app/about/freeTime/FreeTime.jsx            |  4 +-
 app/about/skills/Skills.jsx                | 69 ++++++++++------------
 app/works/[projectName]/page.jsx           |  1 -
 app/works/contact/Contact.jsx              | 14 +----
 app/works/portfolio/PortfolioContainer.jsx |  1 -
 components/buttons/Contact/Contact.jsx     |  2 +-
 components/buttons/MyWork/MyWork.jsx       |  2 +-
 components/footer/Footer.jsx               |  2 +-
 components/imagesContainer/backendIcons.js |  8 +--
 components/imagesContainer/designIcons.js  |  6 +-
 components/imagesContainer/nativeIcons.js  |  4 +-
 components/loader/loader.js                |  2 +-
 12 files changed, 48 insertions(+), 67 deletions(-)

diff --git a/app/about/freeTime/FreeTime.jsx b/app/about/freeTime/FreeTime.jsx
index 3349ab0..d2a881e 100644
--- a/app/about/freeTime/FreeTime.jsx
+++ b/app/about/freeTime/FreeTime.jsx
@@ -44,9 +44,7 @@ function FreeTime() {
           <p className="pt-10 pl-2 pr-2 md:pl-10 md:pr-10 pb-10 text-[14px] font-thin tracking-wide @apply whitespace-pre-line text-center md:text-start">
             Probably developing new projects to enhance my skills or perfecting
             my portfolio in some ways. Besides that, I spend my time hiking or
-            reading books about history. Another thing that I love is playing
-            game simulators for any kind of machine, be it planes, trucks, cars,
-            or ships.
+            reading books about history. Another thing I love is playing various game simulators, whether it's planes, trucks, cars, or ships.
           </p>
         </motion.div>
       </AnimatePresence>
diff --git a/app/about/skills/Skills.jsx b/app/about/skills/Skills.jsx
index 039ac1a..5ac25d7 100644
--- a/app/about/skills/Skills.jsx
+++ b/app/about/skills/Skills.jsx
@@ -8,7 +8,6 @@ import { designIcons } from "@/components/imagesContainer/designIcons";
 import { AnimatePresence, motion } from "framer-motion";
 
 function Skills() {
-  console.log(frontendIcons);
   return (
     <motion.div
       initial={{ opacity: 0, y: 50 }}
@@ -37,21 +36,20 @@ function Skills() {
           id="frontend-title-container"
           className="flex flex-col justify-center items-center"
         >
-          <h3 className="text-center text-[14px] font-light mb-5 md:mb-0">Frontend</h3>
+          <h3 className="text-center text-[14px] font-light mb-5 md:mb-0">
+            Frontend
+          </h3>
         </div>
         <div
           id="frontend-icons-container"
           className="flex flex-wrap gap-5 justify-center md:justify-normal align-middle"
         >
           {frontendIcons.map((image) => (
-            <div className="flex flex-col justify-center items-center">
-              <Image
-                key={image.id}
-                src={image.path}
-                alt={image.name}
-                width={46}
-                height={46}
-              />
+            <div
+              key={image.id}
+              className="flex flex-col justify-center items-center"
+            >
+              <Image src={image.path} alt={image.name} width={46} height={46} />
               <h4 className="text-xs text-center mt-2 font-extralight">
                 {image.name}
               </h4>
@@ -67,21 +65,20 @@ function Skills() {
           id="backend-title-container"
           className="flex flex-col justify-center items-center"
         >
-          <h3 className="text-center text-[14px] font-light mb-5 md:mb-0">Backend</h3>
+          <h3 className="text-center text-[14px] font-light mb-5 md:mb-0">
+            Backend
+          </h3>
         </div>
         <div
           id="backend-icons-container"
           className="flex flex-wrap gap-5 justify-center md:justify-normal align-middle"
         >
           {backendIcons.map((image) => (
-            <div className="flex flex-col justify-center items-center">
-              <Image
-                key={image.id}
-                src={image.path}
-                alt={image.name}
-                width={36}
-                height={36}
-              />
+            <div
+              key={image.id}
+              className="flex flex-col justify-center items-center"
+            >
+              <Image src={image.path} alt={image.name} width={36} height={36} />
               <h4 className="text-xs text-center mt-2 font-extralight">
                 {image.name}
               </h4>
@@ -97,21 +94,20 @@ function Skills() {
           id="native-title-container"
           className="flex flex-col justify-center items-center"
         >
-          <h3 className="text-center text-[14px] font-light  mb-5 md:mb-0">Mobile</h3>
+          <h3 className="text-center text-[14px] font-light  mb-5 md:mb-0">
+            Mobile
+          </h3>
         </div>
         <div
           id="native-icons-container"
           className="flex flex-wrap gap-5 justify-center md:justify-normal align-middle"
         >
           {nativeIcons.map((image) => (
-            <div className="flex flex-col justify-center items-center">
-              <Image
-                key={image.id}
-                src={image.path}
-                alt={image.name}
-                width={36}
-                height={36}
-              />
+            <div
+              key={image.id}
+              className="flex flex-col justify-center items-center"
+            >
+              <Image src={image.path} alt={image.name} width={36} height={36} />
               <h4 className="text-xs text-center mt-2 font-extralight">
                 {image.name}
               </h4>
@@ -127,21 +123,20 @@ function Skills() {
           id="design-title-container"
           className="flex flex-col justify-center items-center"
         >
-          <h3 className="text-center text-[14px] font-light  mb-5 md:mb-0">Design</h3>
+          <h3 className="text-center text-[14px] font-light  mb-5 md:mb-0">
+            Design
+          </h3>
         </div>
         <div
           id="design-icons-container"
           className="flex flex-wrap gap-5 justify-center md:justify-normal align-middle"
         >
           {designIcons.map((image) => (
-            <div className="flex flex-col justify-center items-center">
-              <Image
-                key={image.id}
-                src={image.path}
-                alt={image.name}
-                width={46}
-                height={46}
-              />
+            <div
+              key={image.id}
+              className="flex flex-col justify-center items-center"
+            >
+              <Image src={image.path} alt={image.name} width={46} height={46} />
               <h4 className="text-xs text-center mt-2 font-extralight">
                 {image.name}
               </h4>
diff --git a/app/works/[projectName]/page.jsx b/app/works/[projectName]/page.jsx
index 38faac2..b72bf13 100644
--- a/app/works/[projectName]/page.jsx
+++ b/app/works/[projectName]/page.jsx
@@ -34,7 +34,6 @@ function ProjectName({ params }) {
     setLoading(false);
   };
 
-  console.log(projectPage);
 
   return (
     <div>
diff --git a/app/works/contact/Contact.jsx b/app/works/contact/Contact.jsx
index db6ed52..54a1f36 100644
--- a/app/works/contact/Contact.jsx
+++ b/app/works/contact/Contact.jsx
@@ -31,18 +31,15 @@ function Contact() {
       !fullName ||
       !email ||
       !subject ||
-      !message /*||
-      specialChars.test(email)*/
+      !message
     ) {
       setFormErrors(true);
       setErrorManagement(errorManager.formError);
       setTimeout(() => {
         setFormErrors(false);
       }, 3000);
-      //manejar error
     } else {
       setFormErrors(false);
-      console.log("todo ok");
       sendEmail();
       setButtonText("Sending");
       //enviar mail
@@ -50,7 +47,6 @@ function Contact() {
   };
 
   const sendEmail = () => {
-    console.log();
     emailjs
       .sendForm(
         process.env.NEXT_PUBLIC_EMAIL_SERVICE_ID,
@@ -60,12 +56,6 @@ function Contact() {
       )
       .then(
         (response) => {
-          console.log(
-            "response:",
-            response.status,
-            "description:",
-            response.text
-          );
           setErrorManagement(errorManager.formDeliverOk);
           setEmail("");
           setFullName("");
@@ -142,7 +132,7 @@ function Contact() {
             }}
           />
 
-          <label for="message" class="mt-4 font-extralight text-sm">
+          <label for="message" className="mt-4 font-extralight text-sm">
             Message<span className="text-red-500">*</span>
           </label>
           <textarea
diff --git a/app/works/portfolio/PortfolioContainer.jsx b/app/works/portfolio/PortfolioContainer.jsx
index 51c554f..bf28731 100644
--- a/app/works/portfolio/PortfolioContainer.jsx
+++ b/app/works/portfolio/PortfolioContainer.jsx
@@ -11,7 +11,6 @@ function PortfolioContainer() {
     setDataProjects(projects);
   }, []);
 
-  console.log(dataProjects);
 
   return (
     <div className="md:mt-44 w-screen p-6 md:p-0 md:w-[60rem] h-[auto] md:h-auto">
diff --git a/components/buttons/Contact/Contact.jsx b/components/buttons/Contact/Contact.jsx
index d2631e9..602a8a6 100644
--- a/components/buttons/Contact/Contact.jsx
+++ b/components/buttons/Contact/Contact.jsx
@@ -6,7 +6,7 @@ function Contact() {
   return (
     <Link href="#contact-container" scroll={true}>
       <button className="cta">
-        <span class="hover-underline-animation tracking-wide">
+        <span className="hover-underline-animation tracking-wide">
           Contact
         </span>
       </button>
diff --git a/components/buttons/MyWork/MyWork.jsx b/components/buttons/MyWork/MyWork.jsx
index c5edcb0..c44c665 100644
--- a/components/buttons/MyWork/MyWork.jsx
+++ b/components/buttons/MyWork/MyWork.jsx
@@ -6,7 +6,7 @@ function MyWork() {
   return (
     <Link href="#id-1" scroll={true}>
       <button className="cta">
-        <span class="hover-underline-animation tracking-wide"> My Work</span>
+        <span className="hover-underline-animation tracking-wide"> My Work</span>
       </button>
     </Link>
   );
diff --git a/components/footer/Footer.jsx b/components/footer/Footer.jsx
index 1975ada..182fd08 100644
--- a/components/footer/Footer.jsx
+++ b/components/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { frontendIcons } from "@/components/imagesContainer/frontendIcons";
 function Footer() {
   return (
     <div id="footer-container" className="w-full mt-20">
-      <hr class="border-t-1 border-gray-800 border-gray my-8" />
+      <hr className="border-t-1 border-gray-800 border-gray my-8" />
       <div className="md:grid md:grid-cols-2 md:grid-rows-2 gap-4 mt-20">
         <div id="footer-logo-container">
           <div className="w-full flex items-center justify-center flex-row">
diff --git a/components/imagesContainer/backendIcons.js b/components/imagesContainer/backendIcons.js
index ecff4ff..a6e2451 100644
--- a/components/imagesContainer/backendIcons.js
+++ b/components/imagesContainer/backendIcons.js
@@ -1,16 +1,16 @@
 export const backendIcons = [
-  { id: 1, name: "Express", path: "/assets/skills-icons/backend/express.svg" },
+  { id: 11, name: "Express", path: "/assets/skills-icons/backend/express.svg" },
   {
-    id: 2,
+    id: 12,
     name: "Mongo DB",
     path: "/assets/skills-icons/backend/mongodb-wordmark.svg",
   },
   {
-    id: 3,
+    id: 13,
     name: "Node JS",
     path: "/assets/skills-icons/backend/nodejs-wordmark.svg",
   },  {
-    id: 4,
+    id: 14,
     name: "Firebase",
     path: "/assets/skills-icons/backend/firebase.svg",
   },
diff --git a/components/imagesContainer/designIcons.js b/components/imagesContainer/designIcons.js
index 90fb286..fc1ffa4 100644
--- a/components/imagesContainer/designIcons.js
+++ b/components/imagesContainer/designIcons.js
@@ -1,12 +1,12 @@
 export const designIcons = [
-  { id: 1, name: "Canva", path: "/assets/skills-icons/design/canva.svg" },
+  { id: 17, name: "Canva", path: "/assets/skills-icons/design/canva.svg" },
   {
-    id: 2,
+    id: 18,
     name: "Figma",
     path: "/assets/skills-icons/design/figma.svg",
   },
   {
-    id: 3,
+    id: 19,
     name: "Photoshop",
     path: "/assets/skills-icons/design/photoshop.svg",
   },
diff --git a/components/imagesContainer/nativeIcons.js b/components/imagesContainer/nativeIcons.js
index 69cf26c..ce7d260 100644
--- a/components/imagesContainer/nativeIcons.js
+++ b/components/imagesContainer/nativeIcons.js
@@ -1,7 +1,7 @@
 export const nativeIcons = [
-    { id: 1, name: "React Native", path: "/assets/skills-icons/native/react.svg" },
+    { id: 15, name: "React Native", path: "/assets/skills-icons/native/react.svg" },
     {
-      id: 2,
+      id: 16,
       name: "Expo",
       path: "/assets/skills-icons/native/expo.svg",
     },
diff --git a/components/loader/loader.js b/components/loader/loader.js
index b5bacdb..f88a287 100644
--- a/components/loader/loader.js
+++ b/components/loader/loader.js
@@ -2,7 +2,7 @@ import React from "react";
 
 function loader() {
   return (
-    <div class="loadership_SRTPP">
+    <div className="loadership_SRTPP">
       <div></div>
       <div></div>
       <div></div>