fix: button download curriculo

Author: Guimrl

src/index.html

@@ -132,14 +132,7 @@ <h1 class="highlight">Guilherme Amaral</h1>
             </p>
             -->
 
-            <button type="application/pdf" class="btn-cv" id="abrir-modal">
-              <i class="fa-solid fa-cloud-arrow-down">
-                <a href="./GUILHERME-AMARAL-DEV.pdf" download="GUILHERME-AMARAL-DEV.pdf"></a>
-              </i>
-              <span class="cv-letra" title="Botão para baixar o currículo em pdf">
-                Download CV
-              </span>
-            </button>
+          <div id="downloadCvBtn"></div>
           <div id="divModal"></div>
         </article>
     </section>

src/models/Model.ts

@@ -19,31 +19,36 @@ import { scrollSmooth } from '../utils/scrollSmooth';
 import { TextTyper } from '../utils/TextTyper';
 import { LoaderModel } from './LoaderModel';
 import { NavBarModel } from './NavBarModel';
+import { DownloadCV } from '../views/DownloadCv';
 
 export class Model {
   public render(): void {
     const element: HTMLElement | null = document.querySelector('#digit');
     const text = 'Desenvolvedor web Full Stack.';
     const interval = 100;
 
+    const progress = new Progress();
+    const nav = new NavBarModel();
+    const downloadCV = new DownloadCV();
+    const typer = new TextTyper();
+
     LoaderModel.onLoad();
 
     title();
 
-    const progress = new Progress();
     progress.scroll();
 
-    const nav = new NavBarModel();
     nav.togleNav();
     new ThemeSwitcher();
 
     scrollSmooth();
 
-    const typer = new TextTyper();
     typer.start(element, text, interval);
 
     // const modal: Modal = new Modal();
     // createModal();
     // modal.togleModal();
+
+    downloadCV.render();
   }
 }

src/views/DownloadCV.ts

@@ -0,0 +1,30 @@
+export class DownloadCV {
+  private button: HTMLElement | null = document.querySelector('#downloadCvBtn');
+  private fileUrl: string =
+    'https://drive.google.com/uc?export=download&id=1PujszdPae5ke5kBYWEQh3CXziPg05Sgn';
+
+  private download(): void {
+    const link = document.createElement('a');
+    link.href = this.fileUrl;
+    link.download = 'GUILHERME AMARAL - CV.pdf';
+
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }
+
+  public render(): void {
+    if (this.button) {
+      this.button.innerHTML = `
+        <button 
+          title="Botão para baixar o currículo em PDF"
+          type="button" 
+          class="btn-cv" 
+          onclick="${this.download()}">
+          <i class="fa-solid fa-cloud-arrow-down"></i>
+          <span class="cv-letra">Download CV</span>
+        </button>
+      `;
+    }
+  }
+}