m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

package updates, put StaticQuery queries into variables

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-09-06 11:34:50 +02:00
parent fe64ed75cb
commit 593a4bd26d
Signed by: m
GPG Key ID: 606EEEF3C479A91F
13 changed files with 166 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.codeclimate.yml
View File

@ -1,5 +0,0 @@
version: "2"
checks:
method-lines:
config:
threshold: 50 # Gatsby's StaticQuery makes render functions pretty long

4
package.json
View File

@ -21,11 +21,11 @@
},
"dependencies": {
"file-saver": "^1.3.8",
"gatsby": "^2.0.0-rc.11",
"gatsby": "^2.0.0-rc.13",
"gatsby-image": "^2.0.0-rc.1",
"gatsby-plugin-manifest": "^2.0.2-rc.1",
"gatsby-plugin-matomo": "^0.5.0",
"gatsby-plugin-offline": "^2.0.0-rc.3",
"gatsby-plugin-offline": "^2.0.0-rc.4",
"gatsby-plugin-react-helmet": "^3.0.0-rc.1",
"gatsby-plugin-sass": "^2.0.0-rc.2",
"gatsby-plugin-sharp": "^2.0.0-rc.3",

18
src/components/atoms/LogoUnit.jsx
View File

@ -4,6 +4,15 @@ import { StaticQuery, graphql } from 'gatsby'
import Logo from '../svg/Logo'
import styles from './LogoUnit.module.scss'
const query = graphql`
query {
dataYaml {
title
tagline
}
}
`
class LogoUnit extends PureComponent {
constructor(props) {
super(props)
@ -28,14 +37,7 @@ class LogoUnit extends PureComponent {
render() {
return (
<StaticQuery
query={graphql`
query {
dataYaml {
title
tagline
}
}
`}
query={query}
render={data => {
const meta = data.dataYaml
const { minimal } = this.state

54
src/components/atoms/SEO.jsx
View File

@ -15,35 +15,37 @@ function truncate(n, useWordBoundary) {
)
}
const SEO = ({ project }) => (
<StaticQuery
query={graphql`
query {
dataYaml {
title
tagline
description
url
email
img {
childImageSharp {
resize(width: 980) {
src
}
}
const query = graphql`
query {
dataYaml {
title
tagline
description
url
email
img {
childImageSharp {
resize(width: 980) {
src
}
social {
Email
Blog
Twitter
GitHub
Dribbble
}
gpg
addressbook
}
}
`}
social {
Email
Blog
Twitter
GitHub
Dribbble
}
gpg
addressbook
}
}
`
const SEO = ({ project }) => (
<StaticQuery
query={query}
render={data => {
const meta = data.dataYaml

16
src/components/atoms/Typekit.js
View File

@ -17,15 +17,17 @@ const TypekitScript = typekitID => (
</script>
)
const query = graphql`
query {
dataYaml {
typekitID
}
}
`
const Typekit = () => (
<StaticQuery
query={graphql`
query {
dataYaml {
typekitID
}
}
`}
query={query}
render={data => {
const { typekitID } = data.dataYaml

54
src/components/atoms/Vcard.jsx
View File

@ -3,35 +3,37 @@ import { StaticQuery, graphql } from 'gatsby'
import FileSaver from 'file-saver'
import vCard from 'vcf'
const Vcard = () => (
<StaticQuery
query={graphql`
query {
dataYaml {
title
tagline
description
url
email
avatar {
childImageSharp {
original: resize {
src
}
}
const query = graphql`
query {
dataYaml {
title
tagline
description
url
email
avatar {
childImageSharp {
original: resize {
src
}
social {
Email
Blog
Twitter
GitHub
Dribbble
}
gpg
addressbook
}
}
`}
social {
Email
Blog
Twitter
GitHub
Dribbble
}
gpg
addressbook
}
}
`
const Vcard = () => (
<StaticQuery
query={query}
render={data => {
const meta = data.dataYaml

24
src/components/molecules/Availability.jsx
View File

@ -4,6 +4,18 @@ import { StaticQuery, graphql } from 'gatsby'
import { MoveIn } from '../atoms/Animations'
import styles from './Availability.module.scss'
const query = graphql`
query {
dataYaml {
availability {
status
available
unavailable
}
}
}
`
class Availability extends PureComponent {
constructor(props) {
super(props)
@ -12,17 +24,7 @@ class Availability extends PureComponent {
render() {
return (
<StaticQuery
query={graphql`
query {
dataYaml {
availability {
status
available
unavailable
}
}
}
`}
query={query}
render={data => {
const { availability } = data.dataYaml
const { status, available, unavailable } = availability

18
src/components/molecules/Head.jsx
View File

@ -4,16 +4,18 @@ import { StaticQuery, graphql } from 'gatsby'
import SEO from '../atoms/SEO'
import Typekit from '../atoms/Typekit'
const query = graphql`
query {
dataYaml {
title
tagline
}
}
`
const Head = () => (
<StaticQuery
query={graphql`
query {
dataYaml {
title
tagline
}
}
`}
query={query}
render={data => {
const { title, tagline } = data.dataYaml

28
src/components/molecules/Networks.jsx
View File

@ -12,6 +12,20 @@ import Dribbble from '../svg/Dribbble'
import icons from '../atoms/Icons.module.scss'
import styles from './Networks.module.scss'
const query = graphql`
query {
dataYaml {
social {
Email
Blog
Twitter
GitHub
Dribbble
}
}
}
`
const NetworkIcon = props => {
switch (props.title) {
case 'Email':
@ -57,19 +71,7 @@ class Network extends PureComponent {
render() {
return (
<StaticQuery
query={graphql`
query {
dataYaml {
social {
Email
Blog
Twitter
GitHub
Dribbble
}
}
}
`}
query={query}
render={data => {
const meta = data.dataYaml

40
src/components/molecules/ProjectNav.jsx
View File

@ -5,6 +5,26 @@ import Img from 'gatsby-image'
import FullWidth from '../atoms/FullWidth'
import styles from './ProjectNav.module.scss'
const query = graphql`
query {
allProjectsYaml {
edges {
node {
title
slug
img {
childImageSharp {
fluid(maxWidth: 500, quality: 85) {
...GatsbyImageSharpFluid_noBase64
}
}
}
}
}
}
}
`
const ProjectLink = ({ node }) => (
<Link className={styles.link} to={node.slug}>
<Img
@ -54,25 +74,7 @@ class ProjectNav extends Component {
return (
<StaticQuery
query={graphql`
query {
allProjectsYaml {
edges {
node {
title
slug
img {
childImageSharp {
fluid(maxWidth: 500, quality: 85) {
...GatsbyImageSharpFluid_noBase64
}
}
}
}
}
}
}
`}
query={query}
render={data => {
const projects = data.allProjectsYaml.edges

34
src/components/organisms/Footer.jsx
View File

@ -5,6 +5,23 @@ import LogoUnit from '../atoms/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
}
}
`
class Footer extends PureComponent {
constructor(props) {
super(props)
@ -15,22 +32,7 @@ class Footer extends PureComponent {
render() {
return (
<StaticQuery
query={graphql`
query {
# the package.json file
portfolioJson {
name
homepage
repository
bugs
}
dataYaml {
title
gpg
}
}
`}
query={query}
render={data => {
const pkg = data.portfolioJson
const meta = data.dataYaml

20
src/components/organisms/Header.jsx
View File

@ -7,6 +7,16 @@ import ThemeSwitch from '../molecules/ThemeSwitch'
import LogoUnit from '../atoms/LogoUnit'
import styles from './Header.module.scss'
const query = graphql`
query {
dataYaml {
availability {
status
}
}
}
`
class Header extends PureComponent {
constructor(props) {
super(props)
@ -34,15 +44,7 @@ class Header extends PureComponent {
return (
<StaticQuery
query={graphql`
query {
dataYaml {
availability {
status
}
}
}
`}
query={query}
render={data => {
const meta = data.dataYaml

4
src/pages/404.jsx
View File

@ -16,8 +16,6 @@ class NotFound extends Component {
constructor(props) {
super(props)
this.state = { gif: '' }
this.handleClick = this.handleClick.bind(this)
}
componentDidMount() {
@ -36,7 +34,7 @@ class NotFound extends Component {
})
}
handleClick(e) {
handleClick = e => {
e.preventDefault()
this.getRandomGif()
}