Add Button.Link component and use it for download PDF button

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cv",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Kamil Mielnik's Curriculum Vitae",
   "engines": {
     "node": ">=12.4.0"
@@ -16,6 +16,7 @@
     "prettier:js:fix": "npm run prettier:js -- --fix",
     "prettier:scss": "prettier --list-different './**/*.scss'",
     "prettier:scss:fix": "npm run prettier:scss -- --write --no-list-different",
+    "publish": "npm run build && npm run deploy",
     "start": "better-npm-run start"
   },
   "betterScripts": {

src/App.tsx

@@ -6,7 +6,6 @@ import styles from './App.module.scss';
 
 const PDF_FILENAME = 'KamilMielnik.pdf';
 const print = () => window.print();
-const downloadPdf = () => window.open(window.location.href + PDF_FILENAME);
 
 const App = () => (
   <div className={styles.app}>
@@ -33,9 +32,14 @@ const App = () => (
           Print
         </Button>
 
-        <Button className={styles.button} title="Download PDF" type="button" onClick={downloadPdf}>
+        <Button.Link
+          className={styles.button}
+          href={PDF_FILENAME}
+          title="Download PDF"
+          type="button"
+        >
           Download PDF
-        </Button>
+        </Button.Link>
       </div>
     </div>
   </div>

src/components/Button/Button.module.scss

@@ -10,4 +10,8 @@
   padding: 6px 20px;
   text-transform: uppercase;
   font-size: 18px;
+
+  &:hover {
+    text-decoration: none;
+  }
 }

src/components/Button/Button.tsx

@@ -1,6 +1,7 @@
 import React, { FunctionComponent, HTMLProps } from 'react';
 import classNames from 'classnames';
 
+import Link from './Link';
 import styles from './Button.module.scss';
 
 interface Props extends HTMLProps<HTMLButtonElement> {
@@ -13,4 +14,6 @@ const Button: FunctionComponent<Props> = ({ className, children, ...props }) =>
   </button>
 );
 
-export default Button;
+export default Object.assign(Button, {
+  Link
+});

src/components/Button/Link.tsx

@@ -0,0 +1,14 @@
+import React, { FunctionComponent, HTMLProps } from 'react';
+import classNames from 'classnames';
+
+import styles from './Button.module.scss';
+
+interface Props extends HTMLProps<HTMLAnchorElement> {}
+
+const Link: FunctionComponent<Props> = ({ className, children, ...props }) => (
+  <a className={classNames(styles.button, className)} {...props}>
+    {children}
+  </a>
+);
+
+export default Link;