From c5d14c2835e9cbd6e26386f30812e0a1d7377e8e Mon Sep 17 00:00:00 2001
From: horhik <horhik@tuta.io>
Date: Mon, 25 May 2020 02:28:47 +0300
Subject: [PATCH] add react-router

---
 src/components/navigation/link.jsx                   |  0
 src/components/navigation/nav-header.jsx             | 12 ++++++++++++
 src/components/navigation/page-link.jsx              | 12 ++++++++++++
 .../{elements => navigation}/page-links.jsx          |  9 +++++----
 src/components/navigation/page-name.jsx              |  0
 src/components/pages/blog.jsx                        |  0
 src/components/pages/portfolio.jsx                   |  0
 7 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 src/components/navigation/link.jsx
 create mode 100644 src/components/navigation/nav-header.jsx
 create mode 100644 src/components/navigation/page-link.jsx
 rename src/components/{elements => navigation}/page-links.jsx (66%)
 create mode 100644 src/components/navigation/page-name.jsx
 create mode 100644 src/components/pages/blog.jsx
 create mode 100644 src/components/pages/portfolio.jsx

diff --git a/src/components/navigation/link.jsx b/src/components/navigation/link.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/navigation/nav-header.jsx b/src/components/navigation/nav-header.jsx
new file mode 100644
index 0000000..e0d09a3
--- /dev/null
+++ b/src/components/navigation/nav-header.jsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import {connect} from 'react-redux'
+
+const NavHeader = props => {
+    return (
+        <nav>
+
+        </nav>
+    )
+}
+
+export default connect()(NavHeader)
\ No newline at end of file
diff --git a/src/components/navigation/page-link.jsx b/src/components/navigation/page-link.jsx
new file mode 100644
index 0000000..b56e4ff
--- /dev/null
+++ b/src/components/navigation/page-link.jsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import {Link} from 'react-router-dom'
+import connect from 'react-redux'
+import asciiWord from "../../functions/ascii-word";
+
+const PageLink = props => {
+    return (
+        <Link to={props.src}>{asciiWord(props.name)}</Link>
+    )
+}
+
+export default PageLink
\ No newline at end of file
diff --git a/src/components/elements/page-links.jsx b/src/components/navigation/page-links.jsx
similarity index 66%
rename from src/components/elements/page-links.jsx
rename to src/components/navigation/page-links.jsx
index 7f99171..9eef614 100644
--- a/src/components/elements/page-links.jsx
+++ b/src/components/navigation/page-links.jsx
@@ -1,18 +1,19 @@
 import React from 'react'
 import asciiWord from "../../functions/ascii-word";
+import {Link} from "react-router-dom";
 
 const PageLinks = props => {
     return(
         <ul className={'page-list'}>
             <li className={'page-link'}>
-                <a href="#portfolio">
+                <Link to={'/portfolio'}>
                     {asciiWord('Portfolio')}
-                </a>
+                </Link>
             </li>
             <li className={'page-link'}>
-                <a href="#blog">
+                    <Link to={'/blog'}>
                     {asciiWord('Blog')}
-                </a>
+                    </Link>
             </li>
         </ul>
     )
diff --git a/src/components/navigation/page-name.jsx b/src/components/navigation/page-name.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/pages/blog.jsx b/src/components/pages/blog.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/pages/portfolio.jsx b/src/components/pages/portfolio.jsx
new file mode 100644
index 0000000..e69de29