From 391b85be58cdceaac353bc0e12ddf34e13a9ce8d Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Fri, 14 May 2021 12:45:12 +0200
Subject: [PATCH 1/2] rename one directory (HomePage -> IndexPage) and one file
 (routes -> routing)

---
 src/components/Layout/Navbar.js                     |  10 +++++-----
 src/config/routes.js                                |   1 -
 src/config/routing.js                               |   3 +++
 .../HomePage.js => IndexPage/IndexPage.js}          |   4 ++--
 .../{HomePage => IndexPage}/components/Contact.js   |   0
 .../{HomePage => IndexPage}/components/Header.js    |   0
 .../components/MyPriorities/MyPriorities.js         |   0
 .../components/MyPriorities/intuitive.svg           |   0
 .../components/MyPriorities/responsive.svg          |   0
 .../components/MyPriorities/security.svg            |   0
 .../components/MyPriorities/speed.svg               |   0
 .../components/Portfolio/Portfolio.js               |   0
 .../components/Portfolio/Project.js                 |   0
 .../components/Portfolio/not-found.jpg              | Bin
 .../components/Technologies/Technologies.js         |   0
 .../components/Technologies/Technology.js           |   0
 .../components/header-bg.jpg                        | Bin
 src/pages/index.js                                  |   4 ++--
 18 files changed, 12 insertions(+), 10 deletions(-)
 delete mode 100644 src/config/routes.js
 create mode 100644 src/config/routing.js
 rename src/features/{HomePage/HomePage.js => IndexPage/IndexPage.js} (93%)
 rename src/features/{HomePage => IndexPage}/components/Contact.js (100%)
 rename src/features/{HomePage => IndexPage}/components/Header.js (100%)
 rename src/features/{HomePage => IndexPage}/components/MyPriorities/MyPriorities.js (100%)
 rename src/features/{HomePage => IndexPage}/components/MyPriorities/intuitive.svg (100%)
 rename src/features/{HomePage => IndexPage}/components/MyPriorities/responsive.svg (100%)
 rename src/features/{HomePage => IndexPage}/components/MyPriorities/security.svg (100%)
 rename src/features/{HomePage => IndexPage}/components/MyPriorities/speed.svg (100%)
 rename src/features/{HomePage => IndexPage}/components/Portfolio/Portfolio.js (100%)
 rename src/features/{HomePage => IndexPage}/components/Portfolio/Project.js (100%)
 rename src/features/{HomePage => IndexPage}/components/Portfolio/not-found.jpg (100%)
 rename src/features/{HomePage => IndexPage}/components/Technologies/Technologies.js (100%)
 rename src/features/{HomePage => IndexPage}/components/Technologies/Technology.js (100%)
 rename src/features/{HomePage => IndexPage}/components/header-bg.jpg (100%)

diff --git a/src/components/Layout/Navbar.js b/src/components/Layout/Navbar.js
index 21356d1..122210d 100644
--- a/src/components/Layout/Navbar.js
+++ b/src/components/Layout/Navbar.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import classnames from 'classnames';
-import * as routes from '@config/routes';
+import { Route } from '@config/routing';
 import useSmoothScroll from '@libs/useSmoothScroll';
 import logo from '@images/logo.svg';
-import { HEADER_ID } from '@features/HomePage/components/Header';
-import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/HomePage/components/Portfolio/Portfolio';
-import { SECTION_ID as CONTACT_SECTION_ID } from '@features/HomePage/components/Contact';
+import { HEADER_ID } from '@features/IndexPage/components/Header';
+import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/IndexPage/components/Portfolio/Portfolio';
+import { SECTION_ID as CONTACT_SECTION_ID } from '@features/IndexPage/components/Contact';
 
 import { makeStyles } from '@material-ui/core/styles';
 import { AppBar, Toolbar, Container, Link } from '@material-ui/core';
@@ -25,7 +25,7 @@ function Navbar({ className, ...rest }) {
       <Container>
         <Toolbar className={classes.toolbar} disableGutters>
           <div className={classes.titleContainer}>
-            <GatsbyLink title="Strona główna" color="inherit" to={routes.HOME}>
+            <GatsbyLink title="Strona główna" color="inherit" to={Route.IndexPage}>
               <img className={classes.logo} src={logo} alt="logo" />
             </GatsbyLink>
           </div>
diff --git a/src/config/routes.js b/src/config/routes.js
deleted file mode 100644
index d980e90..0000000
--- a/src/config/routes.js
+++ /dev/null
@@ -1 +0,0 @@
-export const HOME = '/';
diff --git a/src/config/routing.js b/src/config/routing.js
new file mode 100644
index 0000000..ccc87a8
--- /dev/null
+++ b/src/config/routing.js
@@ -0,0 +1,3 @@
+export const Route = {
+  IndexPage: '/',
+}
diff --git a/src/features/HomePage/HomePage.js b/src/features/IndexPage/IndexPage.js
similarity index 93%
rename from src/features/HomePage/HomePage.js
rename to src/features/IndexPage/IndexPage.js
index fb391a2..e316c63 100644
--- a/src/features/HomePage/HomePage.js
+++ b/src/features/IndexPage/IndexPage.js
@@ -16,7 +16,7 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const HomePage = ({ location }) => {
+const IndexPage = ({ location }) => {
   const classes = useStyles();
   return (
     <Layout className={classes.layout} navbarProps={{ position: 'absolute' }}>
@@ -32,4 +32,4 @@ const HomePage = ({ location }) => {
   );
 };
 
-export default HomePage;
+export default IndexPage;
diff --git a/src/features/HomePage/components/Contact.js b/src/features/IndexPage/components/Contact.js
similarity index 100%
rename from src/features/HomePage/components/Contact.js
rename to src/features/IndexPage/components/Contact.js
diff --git a/src/features/HomePage/components/Header.js b/src/features/IndexPage/components/Header.js
similarity index 100%
rename from src/features/HomePage/components/Header.js
rename to src/features/IndexPage/components/Header.js
diff --git a/src/features/HomePage/components/MyPriorities/MyPriorities.js b/src/features/IndexPage/components/MyPriorities/MyPriorities.js
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/MyPriorities.js
rename to src/features/IndexPage/components/MyPriorities/MyPriorities.js
diff --git a/src/features/HomePage/components/MyPriorities/intuitive.svg b/src/features/IndexPage/components/MyPriorities/intuitive.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/intuitive.svg
rename to src/features/IndexPage/components/MyPriorities/intuitive.svg
diff --git a/src/features/HomePage/components/MyPriorities/responsive.svg b/src/features/IndexPage/components/MyPriorities/responsive.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/responsive.svg
rename to src/features/IndexPage/components/MyPriorities/responsive.svg
diff --git a/src/features/HomePage/components/MyPriorities/security.svg b/src/features/IndexPage/components/MyPriorities/security.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/security.svg
rename to src/features/IndexPage/components/MyPriorities/security.svg
diff --git a/src/features/HomePage/components/MyPriorities/speed.svg b/src/features/IndexPage/components/MyPriorities/speed.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/speed.svg
rename to src/features/IndexPage/components/MyPriorities/speed.svg
diff --git a/src/features/HomePage/components/Portfolio/Portfolio.js b/src/features/IndexPage/components/Portfolio/Portfolio.js
similarity index 100%
rename from src/features/HomePage/components/Portfolio/Portfolio.js
rename to src/features/IndexPage/components/Portfolio/Portfolio.js
diff --git a/src/features/HomePage/components/Portfolio/Project.js b/src/features/IndexPage/components/Portfolio/Project.js
similarity index 100%
rename from src/features/HomePage/components/Portfolio/Project.js
rename to src/features/IndexPage/components/Portfolio/Project.js
diff --git a/src/features/HomePage/components/Portfolio/not-found.jpg b/src/features/IndexPage/components/Portfolio/not-found.jpg
similarity index 100%
rename from src/features/HomePage/components/Portfolio/not-found.jpg
rename to src/features/IndexPage/components/Portfolio/not-found.jpg
diff --git a/src/features/HomePage/components/Technologies/Technologies.js b/src/features/IndexPage/components/Technologies/Technologies.js
similarity index 100%
rename from src/features/HomePage/components/Technologies/Technologies.js
rename to src/features/IndexPage/components/Technologies/Technologies.js
diff --git a/src/features/HomePage/components/Technologies/Technology.js b/src/features/IndexPage/components/Technologies/Technology.js
similarity index 100%
rename from src/features/HomePage/components/Technologies/Technology.js
rename to src/features/IndexPage/components/Technologies/Technology.js
diff --git a/src/features/HomePage/components/header-bg.jpg b/src/features/IndexPage/components/header-bg.jpg
similarity index 100%
rename from src/features/HomePage/components/header-bg.jpg
rename to src/features/IndexPage/components/header-bg.jpg
diff --git a/src/pages/index.js b/src/pages/index.js
index da9d77a..d3efbb6 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import HomePage from '@features/HomePage/HomePage';
+import IndexPage from '@features/IndexPage/IndexPage';
 
-const IndexPage = props => <HomePage {...props} />;
+const IndexPage = props => <IndexPage {...props} />;
 
 export default IndexPage;

From a6db41faf595bcbd56338ab34cc540a310a587d3 Mon Sep 17 00:00:00 2001
From: Kichiyaki <xyztojajestem@gmail.com>
Date: Fri, 14 May 2021 12:45:49 +0200
Subject: [PATCH 2/2] fix warning "XML tag has empty body"

---
 .../components/Technologies/Technologies.js   | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/features/IndexPage/components/Technologies/Technologies.js b/src/features/IndexPage/components/Technologies/Technologies.js
index c40987c..a17531c 100644
--- a/src/features/IndexPage/components/Technologies/Technologies.js
+++ b/src/features/IndexPage/components/Technologies/Technologies.js
@@ -43,36 +43,36 @@ function Technologies() {
           Technologies / tools I use
         </Typography>
         <div className={classes.grid}>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/html5.png')}
               name="HTML"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/css.png')} name="CSS" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/scss.png')} name="SCSS" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/js.png')}
               name="JavaScript"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/typescript.png')}
               name="TypeScript"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/react.png')}
@@ -80,46 +80,46 @@ function Technologies() {
             />
           </div>
 
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/gatsby.png')}
               name="Gatsby"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/nextjs.png')}
               name="Next.JS"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/jest.png')} name="Jest" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/express.png')}
               name="Express"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/nest.png')}
               name="Nest.JS"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/strapi.png')}
               name="Strapi"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/ghost.png')}
@@ -127,42 +127,42 @@ function Technologies() {
             />
           </div>
 
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/graphql.png')}
               name="GraphQL"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/golang.png')}
               name="Golang"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/gqlgen.png')}
               name="gqlgen"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/golang.png')}
               name="Gin"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/postgresql.png')}
               name="PostgreSQL"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/docker.png')}