From f809707c86aa3e3fa182e2209f20e53cd40afd6b Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Wed, 1 Jul 2020 19:14:28 +0300
Subject: [PATCH] font-display

---
 src/components/Footer/Footer.js | 10 ++++++----
 src/components/Layout/Layout.js |  2 +-
 src/hooks/useSiteMetadata.js    |  2 +-
 src/styles/fonts.scss           |  3 +++
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index 5399f3c..d8ee49c 100644
--- a/src/components/Footer/Footer.js
+++ b/src/components/Footer/Footer.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import './Footer.scss'
 
-export default () => {
+const Footer = ({ title }) => {
   return (
     <footer>
       <div className="footer-content">
@@ -9,7 +9,7 @@ export default () => {
           <svg width={27} height={20} viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path className="logo-img" d="M12.854 18.361C13.484 19.262 14.491 19.245 15.09 18.323L25.91 1.67701C26.509 0.755007 26.1 7.62939e-06 25 7.62939e-06L1.99999 7.62939e-06C0.89999 7.62939e-06 0.516991 0.737007 1.14599 1.63901L12.854 18.361Z" fill="#2D2D2D" />
           </svg>
-          <a href="/">devthread.ru</a>
+          <a href="/">{title}</a>
         </div>
         <div className="footer-content__nav">
           <div className="footer-nav__links">
@@ -53,9 +53,11 @@ export default () => {
           </div>
         </div>
         <div className="footer-content__copy">
-          <span>© 2020 devthread.ru</span>
+          <span>© 2020 {title}</span>
         </div>
       </div>
     </footer>
   )
-}
\ No newline at end of file
+}
+
+export default Footer
\ No newline at end of file
diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js
index 4e5fbb4..3055e13 100644
--- a/src/components/Layout/Layout.js
+++ b/src/components/Layout/Layout.js
@@ -10,7 +10,7 @@ const Layout = ({ children }) => {
     <>
       <Header title={siteMetadata.title} menuLinks={siteMetadata.menuLinks} />
       {children}
-      <Footer />
+      <Footer title={siteMetadata.title} />
     </>
   )
 }
diff --git a/src/hooks/useSiteMetadata.js b/src/hooks/useSiteMetadata.js
index 5350c51..5a3447b 100644
--- a/src/hooks/useSiteMetadata.js
+++ b/src/hooks/useSiteMetadata.js
@@ -1,4 +1,4 @@
-import { useStaticQuery } from 'gatsby'
+import { useStaticQuery, graphql } from 'gatsby'
 
 const useSiteMetadata = () => {
   const { site: { siteMetadata } } = useStaticQuery(graphql`
diff --git a/src/styles/fonts.scss b/src/styles/fonts.scss
index d7506b4..28703e2 100644
--- a/src/styles/fonts.scss
+++ b/src/styles/fonts.scss
@@ -3,6 +3,7 @@
   font-family: 'Inter';
   font-style: normal;
   font-weight: 500;
+  font-display: swap;
   src: url('../../static/fonts/inter-v2-latin_cyrillic-500.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../../static/fonts/inter-v2-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -16,6 +17,7 @@
   font-family: 'Inter';
   font-style: normal;
   font-weight: 600;
+  font-display: swap;
   src: url('../../static/fonts/inter-v2-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../../static/fonts/inter-v2-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -29,6 +31,7 @@
   font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
+  font-display: swap;
   src: url('../../static/fonts/inter-v2-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
   src: local(''),
        url('../../static/fonts/inter-v2-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */