resolved comments

Author: juanpms2

apps/react-app/src/pods/template-export/components/export-config/export-config.component.tsx

@@ -17,7 +17,7 @@ interface Props {
 }
 
 const DOWNLOAD_MESSAGE_TIMEOUT = 2500;
-const DESING_OPTIONS: TemplateCV[] = ['Sith Elegance', 'Galactic CleanTech', 'Monochrome Force'];
+const DESIGN_OPTIONS: TemplateCV[] = ['Sith Elegance', 'Galactic CleanTech', 'Monochrome Force'];
 const LANGUAGE_OPTIONS: Language[] = ['es', 'en'];
 
 export const ExportConfig: React.FC<Props> = props => {
@@ -73,7 +73,7 @@ export const ExportConfig: React.FC<Props> = props => {
       <div className={classes.optionsContainer}>
         <div className={classes.optionsContent}>
           <div className={classes.selectContainer}>
-            <CustomSelect listOptions={DESING_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
+            <CustomSelect listOptions={DESIGN_OPTIONS} onSelectedOption={handleTemplateChange} label={'Diseño'} />
             {/* Uncomment when we have all label translations */}
             {/* <CustomSelect
               listOptions={LANGUAGE_OPTIONS}

export-samples/html/cv-monochrome-force.html

@@ -1003,10 +1003,8 @@ <h2 class="title">Educación</h2>
     </main>
     <footer class="footer"></footer>
     <script>
-      // Selecciona un elemento del DOM
       const elementInDOM = selector => document.querySelector(selector);
 
-      // Selecciona un elemento del DOM y comprueba que exista
       const elementReady = selector => {
         const element = elementInDOM(selector);
         if (element && element instanceof HTMLElement) {
@@ -1018,7 +1016,6 @@ <h2 class="title">Educación</h2>
 
       // media query event handler (mobile)
       function handleResize() {
-        // Selecciona los elementos y comprueba que existan
         const main = elementInDOM('.main');
         const aboutMe = elementInDOM('.about');
         const experience = elementInDOM('.experiencies');
@@ -1030,13 +1027,10 @@ <h2 class="title">Educación</h2>
         const avatar = elementInDOM('.header__avatar');
         const background = elementInDOM('.background');
         const footer = elementInDOM('.footer');
-
-        // Selecciona las columnas y comprueba que existan
         const columnLeft = elementInDOM('.column-left');
         const columnRight = elementInDOM('.column-right');
 
         if (window.innerWidth > 834) {
-          // Mueve los elementos a las columnas correspondientes
           aboutMe && columnLeft.appendChild(aboutMe);
           experience && columnLeft.appendChild(experience);
           myLinks && columnRight.appendChild(myLinks);
@@ -1045,7 +1039,6 @@ <h2 class="title">Educación</h2>
           softSkills && columnRight.appendChild(softSkills);
           education && columnRight.appendChild(education);
 
-          // Comprueba que haya contenido en la colummna izquierda por el grid
           if (columnLeft.children.length === 0) {
             columnLeft.style.display = 'none';
           }
@@ -1057,7 +1050,6 @@ <h2 class="title">Educación</h2>
             background.classList.remove('background--image');
           }
         } else {
-          // Mueve los elementos al contenedor
           myLinks && main.appendChild(myLinks);
           aboutMe && main.appendChild(aboutMe);
           hardSkills && main.appendChild(hardSkills);
@@ -1068,10 +1060,8 @@ <h2 class="title">Educación</h2>
         }
       }
 
-      // Se ejecuta cuando la página cambia de tamaño
       window.addEventListener('resize', handleResize);
 
-      // Se ejecuta cuando la página está cargada
       document.addEventListener('DOMContentLoaded', handleResize);
     </script>
   </body>

packages/manfred-common/src/doc-parts/profile-section/profile-section.mapper.ts

@@ -1,7 +1,7 @@
 import { ManfredAwesomicCV } from '@/model';
 import { ProfileSectionVm, RelevantLinkVm, ManfredRelevantLink, PhoneNumbers } from './profile-section.vm';
 
-//Sólo afecta al .json de David Bonilla
+//Only affects David Bonilla's .json because it's the only one that has the "website" type
 const mapLinkTypeToVm = (linkType: ManfredRelevantLink['type']): RelevantLinkVm['type'] => {
   switch (linkType) {
     case 'website':