From 9832701e6161f3b60d7f1c2e45f5f0d3987ac510 Mon Sep 17 00:00:00 2001 From: Murtadha Date: Sat, 27 Jul 2024 20:32:45 -0400 Subject: [PATCH] v0.11.7 Create new directory for reusable components, and created new component, ResumeDownloader --- .../components/info/InfoSection.jsx | 0 .../components/info/InfoSection.module.css | 0 .../resumeDownloader/ResumeDownloader.jsx | 27 +++++++++++++++++ .../ResumeDownloader.module.css | 29 +++++++++++++++++++ version.txt | 2 +- 5 files changed, 57 insertions(+), 1 deletion(-) rename src/{ => shared}/components/info/InfoSection.jsx (100%) rename src/{ => shared}/components/info/InfoSection.module.css (100%) create mode 100644 src/shared/components/resumeDownloader/ResumeDownloader.jsx create mode 100644 src/shared/components/resumeDownloader/ResumeDownloader.module.css diff --git a/src/components/info/InfoSection.jsx b/src/shared/components/info/InfoSection.jsx similarity index 100% rename from src/components/info/InfoSection.jsx rename to src/shared/components/info/InfoSection.jsx diff --git a/src/components/info/InfoSection.module.css b/src/shared/components/info/InfoSection.module.css similarity index 100% rename from src/components/info/InfoSection.module.css rename to src/shared/components/info/InfoSection.module.css diff --git a/src/shared/components/resumeDownloader/ResumeDownloader.jsx b/src/shared/components/resumeDownloader/ResumeDownloader.jsx new file mode 100644 index 0000000..0d9d5f3 --- /dev/null +++ b/src/shared/components/resumeDownloader/ResumeDownloader.jsx @@ -0,0 +1,27 @@ +import React from "react"; +import styles from "./ResumeDownloader.module.css"; + +const ResumeDownload = ({ resumeLink }) => { + const handleDownload = (e) => { + e.preventDefault(); + + const link = document.createElement("a"); + link.href = resumeLink; + console.log(link.href); + link.download = "Murtadha.pdf"; + link.target = "_blank"; + link.rel = "noopener noreferrer"; + + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + }; + + return ( + + ); +}; + +export default ResumeDownload; diff --git a/src/shared/components/resumeDownloader/ResumeDownloader.module.css b/src/shared/components/resumeDownloader/ResumeDownloader.module.css new file mode 100644 index 0000000..f95d293 --- /dev/null +++ b/src/shared/components/resumeDownloader/ResumeDownloader.module.css @@ -0,0 +1,29 @@ +.button { + color: #fff; + text-decoration: none; + padding: 12px 24px; + border: 2px solid #ff6600; + border-radius: 5px; + transition: background-color 0.3s ease, color 0.3s ease; + display: inline-block; + font-size: 1rem; + font-weight: bold; + text-align: center; + min-width: 180px; + line-height: 1.5; + cursor: pointer; + background-color: transparent; +} + +.button:hover { + background-color: #ff6600; + color: #fff; +} + +@media (max-width: 768px) { + .button { + width: 100%; + max-width: 250px; + margin: 10px 0; + } +} diff --git a/version.txt b/version.txt index b799a8c..12edb29 100644 --- a/version.txt +++ b/version.txt @@ -1 +1 @@ -0.11.5 \ No newline at end of file +0.11.7 \ No newline at end of file