add schema.graphql to .gitignore, move all links from Contact.js to gatsby-config.js, add .graphqlconfig

pull/3/head
Dawid Wysokiński 1 year ago
parent affeaaf9c0
commit a98451d58a
  1. 1
      .gitignore
  2. 16
      .graphqlconfig
  3. 3
      gatsby-config.js
  4. 33
      src/features/HomePage/components/Contact.js

1
.gitignore vendored

@ -70,3 +70,4 @@ yarn-error.log
.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`,
authorFullName: 'Dawid Wysokiński',
siteUrl,
email: 'contact@dwysokinski.me',
github: 'https://github.com/Kichiyaki',
facebook: 'https://www.facebook.com/dawidwysokinski00',
},
plugins: [
`gatsby-plugin-react-helmet`,

@ -1,4 +1,5 @@
import React from 'react';
import { graphql, useStaticQuery } from 'gatsby';
import { makeStyles } from '@material-ui/core/styles';
import { Typography, Container, Link } from '@material-ui/core';
@ -14,34 +15,46 @@ export const SECTION_ID = 'contact';
function Contact() {
const classes = useStyles();
const {
site: { siteMetadata },
} = useStaticQuery(
graphql`
query {
site {
siteMetadata {
email
github
facebook
}
}
}
`
);
const linkProps = {
underline: 'hover',
color: 'secondary',
};
return (
<Section size="small" id={SECTION_ID}>
<Container maxWidth="md" className={classes.container}>
<div className={classes.urlContainer}>
<Typography variant="h6">
<EmailIcon fontSize="large" />
<Link href="mailto:contact@dwysokinski.me" {...linkProps}>
contact@dwysokinski.me
<Link href={`mailto:${siteMetadata.email}`} {...linkProps}>
{siteMetadata.email}
</Link>
</Typography>
<Typography variant="h6">
<GitHubIcon fontSize="large" />
<Link href="https://github.com/Kichiyaki" {...linkProps}>
Kichiyaki
<Link href={siteMetadata.github} {...linkProps}>
{siteMetadata.github.replace('https://github.com/', '')}
</Link>
</Typography>
<Typography variant="h6">
<FacebookIcon fontSize="large" />
<Link
href="https://www.facebook.com/dawidwysokinski00"
{...linkProps}
>
/dawidwysokinski00
<Link href={siteMetadata.facebook} {...linkProps}>
{siteMetadata.facebook.replace('https://facebook.com', '')}
</Link>
</Typography>
</div>

Loading…
Cancel
Save