Use contentful resume asset for resume

Author: andydevs

src/components/resume-link.js

@@ -0,0 +1,14 @@
+import React from 'react'
+import { graphql, useStaticQuery } from "gatsby";
+
+
+export function ResumeLink() {
+    const { contentfulAsset: { url } } = useStaticQuery(graphql`
+        query ResumeQuery {
+            contentfulAsset(contentful_id: {eq: "3GtL8791DLHBNCTsmkmK7S"}) {
+                url
+            }
+        }
+    `)
+    return <a href={url}>Resume</a>
+}

src/sections/footer.js

@@ -8,6 +8,7 @@ import {
     faItchIo
 } from '@fortawesome/free-brands-svg-icons'
 import styled from 'styled-components'
+import { ResumeLink } from '../components/resume-link'
 
 const StyledFooter = styled.footer`
     margin: 35vh 0px;
@@ -50,7 +51,7 @@ export default function Footer() {
                 data-sal-duration="500"
                 data-sal-easing="ease"
             >
-                View my <a href="resume.pdf">Resume</a>
+                View my <ResumeLink />
             </h3>
             <p
                 data-sal="slide-up"