snippets page

src/components/Articles/Articles.scss

@@ -6,20 +6,10 @@
     & h1, h3 {
       font-size: 34px;
       font-weight: 700;
-      margin-bottom: 10px;
+      margin-bottom: 5px;
     }
     & a {
       margin-top: 15px;
-      color: $black-clr;
-      & svg {
-        margin-left: 15px;
-        transition: all .1s;
-      }
-      &:hover {
-        & svg {
-          margin-left: 20px;
-        }
-      }
     }
   }
   & .articles-categories {

src/images/arrow-next.svg

@@ -1 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#arrow-next)"><path class="arrow-svg-more" d="M16.8959 8.74677C17.0344 8.60865 17.0346 8.38439 16.8965 8.2459C16.8963 8.2457 16.8961 8.24547 16.8959 8.24527L10.5209 1.87027C10.3802 1.73437 10.156 1.73829 10.0201 1.87897C9.88751 2.01623 9.88751 2.23381 10.0201 2.37104L15.7909 8.14184H0.354164C0.158566 8.14184 -1.33514e-05 8.30042 -1.33514e-05 8.49602C-1.33514e-05 8.69162 0.158566 8.8502 0.354164 8.8502H15.7909L10.0208 14.6203C9.88011 14.7562 9.87619 14.9804 10.0121 15.1211C10.148 15.2618 10.3722 15.2656 10.5129 15.1298C10.5158 15.1269 10.5187 15.124 10.5216 15.1211L16.8959 8.74677Z" fill="#4CAF50"></path><path class="arrow-svg-more" d="M9.91669 14.871C9.91652 14.777 9.95371 14.6868 10.0201 14.6203L16.1451 8.49601L10.0201 2.37176C9.88418 2.23108 9.8881 2.00686 10.0288 1.87096C10.166 1.73841 10.3836 1.73841 10.5208 1.87096L16.8958 8.24596C17.0341 8.38425 17.0341 8.60844 16.8958 8.74676L10.5208 15.1218C10.3823 15.2599 10.1581 15.2595 10.02 15.121C9.95384 15.0546 9.91669 14.9647 9.91669 14.871Z" fill="black"></path><path class="arrow-svg-more" d="M0 8.49601C0 8.30041 0.158577 8.14183 0.354177 8.14183L16.6458 8.14183C16.8414 8.14183 17 8.30041 17 8.49601C17 8.69162 16.8414 8.85019 16.6458 8.85019L0.354143 8.85019C0.158577 8.85016 0 8.69162 0 8.49601Z" fill="black"></path></g><defs><clipPath id="arrow-more"><rect width="17" height="17" fill="white" transform="translate(17) rotate(90)"></rect></clipPath></defs></svg>

src/pages/index.js

@@ -9,8 +9,6 @@ import Articles from '../components/Articles/Articles'
 import Snippets from '../components/Snippets/Snippets'
 import Offers from '../components/Offers/Offers'
 
-import ArrowNext from '../images/arrow-next.svg'
-
 const IndexPage = ({ data: { allMarkdownRemark: edges } }) => {
   const { siteMetadata: { options: { articles: { onPage } } } } = useSiteMetadataQuery()
   let [limit, setLimit] = React.useState(onPage)
@@ -25,7 +23,7 @@ const IndexPage = ({ data: { allMarkdownRemark: edges } }) => {
               <div className="articles">
                 <div className="articles-heading">
                   <h1>Последние статьи</h1>
-                  <Link to='/articles'>смотреть все <ArrowNext /></Link>
+                  <Link to='/articles'>смотреть все</Link>
                 </div>
               </div>
             </Col>

src/pages/snippets.js

@@ -0,0 +1,25 @@
+import React from "react"
+import { Main } from '../ui/ui'
+import { Grid, Row, Col } from 'react-flexbox-grid'
+import SEO from '../components/SEO/SEO'
+import Layout from '../components/Layout/Layout'
+import Snippets from '../components/Snippets/Snippets'
+
+const SnippetsPage = () => {
+  return (
+    <Layout>
+      <SEO />
+      <Main>
+        <Grid fluid>
+          <Row>
+            <Col lg={12}>
+              <Snippets />
+            </Col>
+          </Row>
+        </Grid>
+      </Main>
+    </Layout>
+  )
+}
+
+export default SnippetsPage