add schema.graphql to .gitignore, move all links from Contact.js to gatsby-config.js, add .graphqlconfig
This commit is contained in:
parent
affeaaf9c0
commit
a98451d58a
|
@ -70,3 +70,4 @@ yarn-error.log
|
||||||
|
|
||||||
.idea
|
.idea
|
||||||
|
|
||||||
|
schema.graphql
|
||||||
|
|
|
@ -0,0 +1,16 @@
|
||||||
|
|
||||||
|
{
|
||||||
|
"name": "dwysokinski.me",
|
||||||
|
"schemaPath": "schema.graphql",
|
||||||
|
"extensions": {
|
||||||
|
"endpoints": {
|
||||||
|
"Default GraphQL Endpoint": {
|
||||||
|
"url": "http://localhost:8000/___graphql",
|
||||||
|
"headers": {
|
||||||
|
"user-agent": "IDE"
|
||||||
|
},
|
||||||
|
"introspect": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -7,6 +7,9 @@ module.exports = {
|
||||||
authorTwitter: `@Dawid56143781`,
|
authorTwitter: `@Dawid56143781`,
|
||||||
authorFullName: 'Dawid Wysokiński',
|
authorFullName: 'Dawid Wysokiński',
|
||||||
siteUrl,
|
siteUrl,
|
||||||
|
email: 'contact@dwysokinski.me',
|
||||||
|
github: 'https://github.com/Kichiyaki',
|
||||||
|
facebook: 'https://www.facebook.com/dawidwysokinski00',
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
`gatsby-plugin-react-helmet`,
|
`gatsby-plugin-react-helmet`,
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import { graphql, useStaticQuery } from 'gatsby';
|
||||||
|
|
||||||
import { makeStyles } from '@material-ui/core/styles';
|
import { makeStyles } from '@material-ui/core/styles';
|
||||||
import { Typography, Container, Link } from '@material-ui/core';
|
import { Typography, Container, Link } from '@material-ui/core';
|
||||||
|
@ -14,34 +15,46 @@ export const SECTION_ID = 'contact';
|
||||||
function Contact() {
|
function Contact() {
|
||||||
const classes = useStyles();
|
const classes = useStyles();
|
||||||
|
|
||||||
|
const {
|
||||||
|
site: { siteMetadata },
|
||||||
|
} = useStaticQuery(
|
||||||
|
graphql`
|
||||||
|
query {
|
||||||
|
site {
|
||||||
|
siteMetadata {
|
||||||
|
email
|
||||||
|
github
|
||||||
|
facebook
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`
|
||||||
|
);
|
||||||
|
|
||||||
const linkProps = {
|
const linkProps = {
|
||||||
underline: 'hover',
|
underline: 'hover',
|
||||||
color: 'secondary',
|
color: 'secondary',
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Section size="small" id={SECTION_ID}>
|
<Section size="small" id={SECTION_ID}>
|
||||||
<Container maxWidth="md" className={classes.container}>
|
<Container maxWidth="md" className={classes.container}>
|
||||||
<div className={classes.urlContainer}>
|
<div className={classes.urlContainer}>
|
||||||
<Typography variant="h6">
|
<Typography variant="h6">
|
||||||
<EmailIcon fontSize="large" />
|
<EmailIcon fontSize="large" />
|
||||||
<Link href="mailto:contact@dwysokinski.me" {...linkProps}>
|
<Link href={`mailto:${siteMetadata.email}`} {...linkProps}>
|
||||||
contact@dwysokinski.me
|
{siteMetadata.email}
|
||||||
</Link>
|
</Link>
|
||||||
</Typography>
|
</Typography>
|
||||||
<Typography variant="h6">
|
<Typography variant="h6">
|
||||||
<GitHubIcon fontSize="large" />
|
<GitHubIcon fontSize="large" />
|
||||||
<Link href="https://github.com/Kichiyaki" {...linkProps}>
|
<Link href={siteMetadata.github} {...linkProps}>
|
||||||
Kichiyaki
|
{siteMetadata.github.replace('https://github.com/', '')}
|
||||||
</Link>
|
</Link>
|
||||||
</Typography>
|
</Typography>
|
||||||
<Typography variant="h6">
|
<Typography variant="h6">
|
||||||
<FacebookIcon fontSize="large" />
|
<FacebookIcon fontSize="large" />
|
||||||
<Link
|
<Link href={siteMetadata.facebook} {...linkProps}>
|
||||||
href="https://www.facebook.com/dawidwysokinski00"
|
{siteMetadata.facebook.replace('https://facebook.com', '')}
|
||||||
{...linkProps}
|
|
||||||
>
|
|
||||||
/dawidwysokinski00
|
|
||||||
</Link>
|
</Link>
|
||||||
</Typography>
|
</Typography>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue