From 504ebee0ab490bc30b0bdca8183d5bcccad47da9 Mon Sep 17 00:00:00 2001
From: Aman <dv451197@gmail.com>
Date: Sun, 11 Aug 2024 23:58:59 +0530
Subject: [PATCH] formatting

---
 src/app/resume-builder/Preview.jsx    |  33 +++-----
 src/app/resume-builder/ResumeForm.jsx |   3 +-
 src/app/resume-builder/ResumePDF.jsx  | 104 ++------------------------
 src/db/tools.json                     |   6 +-
 4 files changed, 18 insertions(+), 128 deletions(-)

diff --git a/src/app/resume-builder/Preview.jsx b/src/app/resume-builder/Preview.jsx
index fd0458c3..ebc7acde 100644
--- a/src/app/resume-builder/Preview.jsx
+++ b/src/app/resume-builder/Preview.jsx
@@ -37,6 +37,7 @@ const Preview = ({ isDarkMode, data }) => {
       width: "35%",
       borderRadius: "50%",
     },
+
     rectangleImage: {
       width: "35%",
       borderRadius: "0",
@@ -45,21 +46,20 @@ const Preview = ({ isDarkMode, data }) => {
     profileDetails: {
       marginLeft: 0,
     },
+
     name: {
       fontSize: 30,
       color: "#2c3e50",
-      // marginBottom: 5,
     },
+
     profession: {
       fontSize: 14,
       color: "#7f8c8d",
-      // marginBottom: 10,
     },
 
     contactInfo: {
       fontSize: 12,
       color: "#7f8c8d",
-      // marginBottom: 2,
     },
 
     sectionTitle: {
@@ -75,17 +75,17 @@ const Preview = ({ isDarkMode, data }) => {
       color: "#333",
       marginBottom: 6,
     },
+
     subtitle: {
       fontSize: 14,
       color: "#7f8c8d",
-
       marginBottom: 5,
       paddingLeft: 10,
     },
+
     subLink: {
       fontSize: 12,
       color: "#7f8c8d",
-
       marginBottom: 5,
       paddingLeft: 10,
     },
@@ -148,6 +148,7 @@ const Preview = ({ isDarkMode, data }) => {
     contactInfo: {
       fontSize: 13,
     },
+
     sectionTitle: {
       fontSize: 18,
       color: "#020617", // light-slate
@@ -156,11 +157,13 @@ const Preview = ({ isDarkMode, data }) => {
       borderTop: "2px solid #000",
       fontWeight: "600",
     },
+
     text: {
       fontSize: 14,
       marginBottom: 5,
       color: "#020617", // light-slate
     },
+
     title: {
       fontSize: 14,
       fontWeight: "bold",
@@ -171,6 +174,7 @@ const Preview = ({ isDarkMode, data }) => {
     subtitle: {
       color: "#334155",
     },
+
     section: {
       marginBottom: 20,
       width: "100%",
@@ -207,7 +211,6 @@ const Preview = ({ isDarkMode, data }) => {
               <div className=" flex flex-col justify-start items-start w-2/4 py-4">
                 <p style={styles.name}>{name}</p>
                 <p style={styles.profession}>{data.workExperience[0].title}</p>
-
                 <p className="text-lg" style={styles.contactInfo}>
                   {email}
                 </p>
@@ -216,7 +219,6 @@ const Preview = ({ isDarkMode, data }) => {
                     {phone}
                   </p>
                 )}
-
                 <div className=" ">
                   {links.linkedIn && (
                     <p style={styles.contactInfo}>
@@ -245,7 +247,6 @@ const Preview = ({ isDarkMode, data }) => {
                 </div>
               </div>
             </div>
-
             <div>
               <h3 style={styles.sectionTitle}>Work Experience</h3>
               {workExperience.map((job, index) => (
@@ -256,7 +257,6 @@ const Preview = ({ isDarkMode, data }) => {
                 </div>
               ))}
             </div>
-
             <div>
               <h3 style={styles.sectionTitle}>Education</h3>
               {education.map((edu, index) => (
@@ -267,7 +267,6 @@ const Preview = ({ isDarkMode, data }) => {
                 </div>
               ))}
             </div>
-
             <div>
               <h3 style={styles.sectionTitle}>Projects</h3>
               {projects.map((project, index) => (
@@ -280,7 +279,6 @@ const Preview = ({ isDarkMode, data }) => {
                 </div>
               ))}
             </div>
-
             <div style={styles.view}>
               <h3 style={styles.sectionTitle}>Skills</h3>
               <div style={styles.skills}>
@@ -302,7 +300,6 @@ const Preview = ({ isDarkMode, data }) => {
                         {skillsCategory.category}:
                       </span>
                     )}
-
                     {skillsCategory.skills.map((skill, id) => (
                       <span key={id} style={styles.subtitle}>
                         {skill}
@@ -312,7 +309,6 @@ const Preview = ({ isDarkMode, data }) => {
                 ))}
               </div>
             </div>
-
             {achievements && (
               <div style={styles.view}>
                 {achievements && (
@@ -374,7 +370,6 @@ const Preview = ({ isDarkMode, data }) => {
                       {name}
                     </h4>
                   )}
-
                   <div className="flex flex-row gap-1 items-center flex-wrap text-slate-800 justify-center">
                     {email && (
                       <span style={styles2.contactInfo}>
@@ -384,7 +379,6 @@ const Preview = ({ isDarkMode, data }) => {
                         </a>
                       </span>
                     )}
-
                     {phone && (
                       <span style={styles2.contactInfo}>
                         <a src={links.website} style={styles2.link}>
@@ -393,11 +387,9 @@ const Preview = ({ isDarkMode, data }) => {
                         </a>
                       </span>
                     )}
-
                     {address && (
                       <span style={styles2.contactInfo}>{address}</span>
                     )}
-
                     {links.linkedIn && (
                       <span style={styles2.contactInfo}>
                         <a src={links.linkedIn} style={styles2.link}>
@@ -405,7 +397,6 @@ const Preview = ({ isDarkMode, data }) => {
                         </a>
                       </span>
                     )}
-
                     {links.github && (
                       <span style={styles2.contactInfo}>
                         <a src={links.github} style={styles2.link}>
@@ -414,7 +405,6 @@ const Preview = ({ isDarkMode, data }) => {
                         </a>
                       </span>
                     )}
-
                     {links.website && (
                       <span style={styles2.contactInfo}>
                         <a src={links.website} style={styles2.link}>
@@ -428,7 +418,6 @@ const Preview = ({ isDarkMode, data }) => {
                 <div style={styles2.main}>
                   <div style={styles2.section}>
                     <h6 style={styles2.sectionTitle}>Experience</h6>
-
                     {workExperience.map((workExp, index) => (
                       <div key={index}>
                         <div style={styles2.text}>
@@ -448,7 +437,6 @@ const Preview = ({ isDarkMode, data }) => {
                   </div>
                   <div style={styles2.section}>
                     <h6 style={styles2.sectionTitle}>Projects</h6>
-
                     {projects.map((project, index) => (
                       <div key={index}>
                         <div style={styles2.text}>
@@ -465,7 +453,6 @@ const Preview = ({ isDarkMode, data }) => {
                       </div>
                     ))}
                   </div>
-
                   <div style={styles2.section} className="w-full">
                     <p style={styles2.sectionTitle}>Education</p>
                     {education.map((edu, index) => (
@@ -481,7 +468,6 @@ const Preview = ({ isDarkMode, data }) => {
                       </div>
                     ))}
                   </div>
-
                   <div style={styles2.section} className="text-sm">
                     <p style={styles2.sectionTitle}>Skills</p>
                     <div className="w-full flex items-start justify-start flex-wrap gap-2 flex-col">
@@ -504,7 +490,6 @@ const Preview = ({ isDarkMode, data }) => {
                       ))}
                     </div>
                   </div>
-
                   {achievements && (
                     <div style={styles2.section} className="text-sm">
                       <p style={styles2.sectionTitle}>Achievements</p>
diff --git a/src/app/resume-builder/ResumeForm.jsx b/src/app/resume-builder/ResumeForm.jsx
index 28bed5f5..6e4de530 100644
--- a/src/app/resume-builder/ResumeForm.jsx
+++ b/src/app/resume-builder/ResumeForm.jsx
@@ -52,7 +52,6 @@ const ResumeForm = ({ onFormChange, isDarkMode }) => {
 
   const handleLinksChange = (e) => {
     const { name, value } = e.target;
-    // console.log(name, value);
     setFormData({ ...formData, links: { ...formData.links, [name]: value } });
     onFormChange({ ...formData, links: { ...formData.links, [name]: value } });
   };
@@ -70,7 +69,7 @@ const ResumeForm = ({ onFormChange, isDarkMode }) => {
     }
   };
 
-  // Add Function
+  // Adding Function
   const addWorkExperience = () => {
     setFormData({
       ...formData,
diff --git a/src/app/resume-builder/ResumePDF.jsx b/src/app/resume-builder/ResumePDF.jsx
index 4deb7472..fbf5254d 100644
--- a/src/app/resume-builder/ResumePDF.jsx
+++ b/src/app/resume-builder/ResumePDF.jsx
@@ -29,11 +29,13 @@ const styles1 = StyleSheet.create({
     justifyContent: "space-between",
     marginBottom: 20,
   },
+
   circleImage: {
     width: 100,
     height: 100,
     borderRadius: "50%",
   },
+
   rectangleImage: {
     width: 100,
     height: 100,
@@ -45,12 +47,14 @@ const styles1 = StyleSheet.create({
     display: "flex",
     alignItems: "start",
   },
+
   name: {
     fontSize: 28,
     color: "#2c3e50",
     marginBottom: 5,
     fontWeight: "bold",
   },
+
   profession: {
     fontSize: 14,
     color: "#7f8c8d",
@@ -76,6 +80,7 @@ const styles1 = StyleSheet.create({
     color: "#333",
     marginBottom: 6,
   },
+
   subtitle: {
     fontSize: 12,
     color: "#7f8c8d",
@@ -99,8 +104,6 @@ const styles1 = StyleSheet.create({
     marginBottom: 5,
     paddingLeft: 10,
     lineHeight: "1.5px",
-
-    // lineHeight:"1.2px"
   },
 
   link: {
@@ -132,80 +135,6 @@ const styles1 = StyleSheet.create({
   },
 });
 
-// const styles2 = StyleSheet.create({
-//   page: {
-//     padding: 20,
-//     color: "#1e293b",
-//     fontFamily: "Times-Roman",
-//   },
-
-//   main: {
-//     width: "100%",
-//     display: "flex",
-//     flexDirection: "column",
-//     alignItems: "center",
-//     justifyContent: "center",
-//   },
-
-//   name: {
-//     fontSize: 28,
-//     fontWeight: "bold",
-
-//     // fontFamily: "Lora",
-//     fontFamily: "Times-Roman",
-//   },
-
-//   contactInfo: {
-//     fontSize: 12,
-//   },
-
-//   link: {
-//     color: "#020617", // light-slate
-//     textDecoration: "dotted",
-//   },
-
-//   sectionTitle: {
-//     fontSize: 18,
-//     color: "#020617", // light-slate
-//     marginBottom: 10,
-//     borderBottom: "2px solid #000",
-//     borderTop: "2px solid #000",
-//     fontWeight: 600,
-//     paddingTop: 3,
-//     fontStyle: "italic",
-//     fontFamily: "Times-Bold",
-//   },
-
-//   text: {
-//     fontSize: 14,
-//     marginBottom: 5,
-//     fontWeight: 500,
-//     color: "#020617", // light-slate
-//     fontFamily: "Times-Roman",
-//   },
-
-//   title: {
-//     fontSize: 16,
-//     fontWeight: "bold",
-//     marginBottom: 5,
-//     color: "#1e293b",
-//     fontFamily: "Times-Bold",
-//   },
-
-//   subtitle: {
-//     // fontWeight: 600,
-//     color: "#020617", // light-slate
-//     fontSize: 14,
-//     marginBottom: 5,
-//     fontFamily: "Times-BoldItalic",
-//   },
-
-//   section: {
-//     marginBottom: 20,
-//     width: "100%",
-//   },
-// });
-
 const ResumePDF = ({ data }) => {
   const {
     name,
@@ -246,21 +175,17 @@ const ResumePDF = ({ data }) => {
                     {workExperience[0].title}
                   </Text>
                 )}
-
                 {email && (
                   <Text style={styles1.contactInfo}>
                     Email: <Text style={styles1.link}>{email}</Text>{" "}
                   </Text>
                 )}
-
                 {phone && (
                   <Text style={styles1.contactInfo}>Phone: {phone}</Text>
                 )}
-
                 {address && (
                   <Text style={styles1.contactInfo}>Address: {address}</Text>
                 )}
-
                 {links.linkedIn && (
                   <Text style={styles1.contactInfo}>
                     LinkedIn:
@@ -269,7 +194,6 @@ const ResumePDF = ({ data }) => {
                     </Link>
                   </Text>
                 )}
-
                 {links.github && (
                   <Text style={styles1.contactInfo}>
                     GitHub:
@@ -278,7 +202,6 @@ const ResumePDF = ({ data }) => {
                     </Link>
                   </Text>
                 )}
-
                 {links.website && (
                   <Text style={styles1.contactInfo}>
                     Website:
@@ -299,7 +222,6 @@ const ResumePDF = ({ data }) => {
                 </View>
               ))}
             </View>
-
             <View style={styles1.view}>
               <Text style={styles1.sectionTitle}>Education</Text>
               {education.map((edu, index) => (
@@ -310,7 +232,6 @@ const ResumePDF = ({ data }) => {
                 </View>
               ))}
             </View>
-
             <View style={styles1.view}>
               <Text style={styles1.sectionTitle}>Projects</Text>
               {projects.map((project, index) => (
@@ -323,7 +244,6 @@ const ResumePDF = ({ data }) => {
                 </View>
               ))}
             </View>
-
             <View style={styles1.view}>
               <Text style={styles1.sectionTitle}>Skills</Text>
               <View style={styles1.skills}>
@@ -356,7 +276,6 @@ const ResumePDF = ({ data }) => {
                 ))}
               </View>
             </View>
-
             {achievements && (
               <View style={styles1.view}>
                 <Text style={styles1.sectionTitle}>Achievements</Text>
@@ -449,7 +368,6 @@ const ResumePDF = ({ data }) => {
                       {email}
                     </Link>
                   </Text>
-
                   <Text style={{ fontSize: 12 }}>
                     <Link
                       style={{
@@ -461,9 +379,7 @@ const ResumePDF = ({ data }) => {
                       {phone}
                     </Link>
                   </Text>
-
                   <Text style={{ fontSize: 12 }}>{address}</Text>
-
                   <Text style={{ fontSize: 12 }}>
                     <Link
                       style={{
@@ -475,7 +391,6 @@ const ResumePDF = ({ data }) => {
                       {links.linkedIn}
                     </Link>
                   </Text>
-
                   <Text style={{ fontSize: 12 }}>
                     <Link
                       style={{
@@ -487,7 +402,6 @@ const ResumePDF = ({ data }) => {
                       {links.github}
                     </Link>
                   </Text>
-
                   <Text style={{ fontSize: 12 }}>
                     <Link
                       style={{
@@ -501,7 +415,6 @@ const ResumePDF = ({ data }) => {
                   </Text>
                 </View>
               </View>
-
               <View
                 //main
                 style={{
@@ -581,7 +494,6 @@ const ResumePDF = ({ data }) => {
                     </View>
                   ))}
                 </View>
-
                 <View style={{ marginBottom: 20, width: "100%" }}>
                   <Text
                     style={{
@@ -642,7 +554,6 @@ const ResumePDF = ({ data }) => {
                     </View>
                   ))}
                 </View>
-
                 <View style={{ marginBottom: 20, width: "100%" }}>
                   <Text
                     style={{
@@ -711,7 +622,6 @@ const ResumePDF = ({ data }) => {
                     </View>
                   ))}
                 </View>
-
                 <View style={{ width: "100%", marginBottom: 20 }}>
                   <Text
                     style={{
@@ -722,8 +632,6 @@ const ResumePDF = ({ data }) => {
                       borderTop: "2px solid #000",
                       fontWeight: 600,
                       paddingTop: 3,
-
-                      // fontFamily: "Times-Bold",
                     }}
                   >
                     Skills
@@ -781,7 +689,6 @@ const ResumePDF = ({ data }) => {
                     ))}
                   </View>
                 </View>
-
                 <View style={{ marginBottom: 20, width: "100%" }}>
                   <Text
                     style={{
@@ -797,7 +704,6 @@ const ResumePDF = ({ data }) => {
                   >
                     Achievements
                   </Text>
-
                   {achievements.map((achievement, index) => (
                     <View
                       key={index}
diff --git a/src/db/tools.json b/src/db/tools.json
index ee0dd00c..cd64b5a5 100644
--- a/src/db/tools.json
+++ b/src/db/tools.json
@@ -115,8 +115,8 @@
   },
   {
     "id": 20,
-   "name": "Resume Builder",
-  "link": "/resume-builder",
-  "ctg": "other"
+    "name": "Resume Builder",
+    "link": "/resume-builder",
+    "ctg": "other"
   }
 ]