mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-06-28 00:27:40 +02:00
65 lines
1.3 KiB
JavaScript
65 lines
1.3 KiB
JavaScript
import React, { PureComponent } from 'react'
|
|
import { Link, StaticQuery, graphql } from 'gatsby'
|
|
import Vcard from '../atoms/Vcard'
|
|
import LogoUnit from '../molecules/LogoUnit'
|
|
import Networks from '../molecules/Networks'
|
|
import styles from './Footer.module.scss'
|
|
|
|
const query = graphql`
|
|
query {
|
|
# the package.json file
|
|
portfolioJson {
|
|
name
|
|
homepage
|
|
repository
|
|
bugs
|
|
}
|
|
|
|
dataYaml {
|
|
title
|
|
gpg
|
|
}
|
|
}
|
|
`
|
|
|
|
export default class Footer extends PureComponent {
|
|
state = { year: new Date().getFullYear() }
|
|
|
|
FooterMarkup = ({ meta, pkg, year }) => (
|
|
<footer className={styles.footer}>
|
|
<Link to={'/'}>
|
|
<LogoUnit minimal />
|
|
</Link>
|
|
|
|
<Networks minimal />
|
|
|
|
<p className={styles.footer__actions}>
|
|
<Vcard />
|
|
<a href={meta.gpg}>PGP/GPG key</a>
|
|
<a href={pkg.bugs}>Found a bug?</a>
|
|
</p>
|
|
<p className={styles.footer__copyright}>
|
|
<small>
|
|
© {year} {meta.title} — All Rights Reserved
|
|
</small>
|
|
</p>
|
|
</footer>
|
|
)
|
|
|
|
render() {
|
|
return (
|
|
<StaticQuery
|
|
query={query}
|
|
render={data => {
|
|
const pkg = data.portfolioJson
|
|
const meta = data.dataYaml
|
|
|
|
return (
|
|
<this.FooterMarkup year={this.state.year} pkg={pkg} meta={meta} />
|
|
)
|
|
}}
|
|
/>
|
|
)
|
|
}
|
|
}
|