From 081e98443371d4fe9f89011ec1f6613f62ae480b Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Fri, 3 Jul 2020 19:38:10 +0300
Subject: [PATCH] added images

---
 src/components/Article/Article.js                  | 4 ++--
 src/components/Articles/ArticleCard/ArticleCard.js | 4 ++--
 src/pages/articles.js                              | 1 +
 src/pages/index.js                                 | 1 +
 src/templates/articleTemplate.js                   | 1 +
 static/admin/config.yml                            | 1 +
 6 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Article/Article.js b/src/components/Article/Article.js
index 55b0b3a..4b68d88 100644
--- a/src/components/Article/Article.js
+++ b/src/components/Article/Article.js
@@ -8,7 +8,7 @@ import VkIcon from '../../images/vk-icon.svg'
 import TwitterIcon from '../../images/twitter-icon__large.svg'
 import FacebookIcon from '../../images/facebook-icon__large.svg'
 
-const Article = ({ data: { title, description, category, tags, time, date }, html }) => {
+const Article = ({ data: { title, image, description, category, tags, time, date }, html }) => {
   return (
     <>
       <SEO title={title} description={description} />
@@ -61,7 +61,7 @@ const Article = ({ data: { title, description, category, tags, time, date }, htm
             </div>)}
           </div>
           <div className="article-image">
-            <img src="https://c.wallhere.com/photos/fb/a1/JavaScript_minimalism-1227036.jpg!d" alt="article" />
+            <img src={image} alt={title} />
           </div>
           <div className="article-inner inner">
             <div dangerouslySetInnerHTML={{__html: html}}></div>
diff --git a/src/components/Articles/ArticleCard/ArticleCard.js b/src/components/Articles/ArticleCard/ArticleCard.js
index 7b66a00..6d10369 100644
--- a/src/components/Articles/ArticleCard/ArticleCard.js
+++ b/src/components/Articles/ArticleCard/ArticleCard.js
@@ -2,12 +2,12 @@ import React from 'react';
 import { Link } from 'gatsby'
 import './ArticleCard.scss'
 
-const ArticleCard = ({ data: { slug, title, category, description, tags } }) => {
+const ArticleCard = ({ data: { slug, title, image, category, description, tags } }) => {
   return (
     <article className="article-card">
       <div className="article-card__image">
         <Link to={`/article/${slug}`}>
-          <img src="https://c.wallhere.com/photos/fb/a1/JavaScript_minimalism-1227036.jpg!d" alt="article" />
+          <img src={image} alt={title} />
         </Link>
       </div>
       <div className="article-card__heading">
diff --git a/src/pages/articles.js b/src/pages/articles.js
index 7535cef..97e9c24 100644
--- a/src/pages/articles.js
+++ b/src/pages/articles.js
@@ -80,6 +80,7 @@ export const query = graphql`
           frontmatter {
             slug
             title
+            image
             category
             tags
             description
diff --git a/src/pages/index.js b/src/pages/index.js
index 1114cd2..cd3295e 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -49,6 +49,7 @@ export const query = graphql`
           frontmatter {
             slug
             title
+            image
             category
             tags
             description
diff --git a/src/templates/articleTemplate.js b/src/templates/articleTemplate.js
index f2307f9..25fe683 100644
--- a/src/templates/articleTemplate.js
+++ b/src/templates/articleTemplate.js
@@ -37,6 +37,7 @@ export const pageQuery = graphql`
       frontmatter {
         slug
         title
+        image
         time
         tags
         description
diff --git a/static/admin/config.yml b/static/admin/config.yml
index af29df5..e7c187e 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -14,6 +14,7 @@ collections:
       - {label: "Slug", name: "slug", widget: "string"}
       - {label: "Время чтения", name: "time", widget: "string"}
       - {label: "Заголовок", name: "title", widget: "string"}
+      - {labe: "Обложка", name: "image", widget: "image"}
       - {label: "Категория", name: "category", widget: "relation", collection: "categories", valueField: "title", searchFields: ["title"]}
       - {label: "Дата публикации", name: "date", widget: "datetime"}
       - {label: "Описание", name: "description", widget: "text"}