feat(core): create <Header />

use <Header /> on <Layout />, also rename <Nav /> to <Navigation />

src/app/components/core/Header/Header.js

@@ -0,0 +1,30 @@
+// @flow strict
+import React, { Component } from 'react';
+// $FlowIgnore
+import { connect } from 'react-redux';
+
+import Navigation from '@/components/core/Navigation/Navigation';
+
+import './Header.scss';
+
+type PropsType = {};
+
+type StateType = {};
+
+class Header extends Component<PropsType, StateType> {
+  state = {};
+
+  render() {
+    return (
+      <div className="header">
+        <Navigation />
+      </div>
+    );
+  }
+}
+
+const mapStateToProps = () => ({});
+
+const mapDispatchToProps = {};
+
+export default connect(mapStateToProps, mapDispatchToProps)(Header);

src/app/components/core/Header/Header.scss

@@ -0,0 +1,7 @@
+@import '~styles/functions/px-to-rem';
+@import '~styles/mixins';
+@import '~styles/variables';
+
+.header {
+
+}

src/app/components/core/Header/Header.test.js

@@ -0,0 +1,13 @@
+// @flow strict
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Header from './Header';
+
+describe('Header', () => {
+  const defaultProps = {};
+
+  it('tests something', () => {
+    shallow(<Header {...defaultProps} />);
+  });
+});

src/app/components/core/Layout/Layout.js

@@ -3,7 +3,7 @@ import React from 'react';
 import type { Node } from 'react';
 
 import Footer from '@/components/core/Footer/Footer';
-import Nav from '@/components/core/Nav/Nav';
+import Header from '@/components/core/Header/Header';
 
 import './Layout.scss';
 
@@ -13,7 +13,7 @@ type PropsType = {
 
 const Layout = (props: PropsType) => (
   <div className="layout">
-    <Nav />
+    <Header />
     <div className="layout__content">
       { props.children }
     </div>

src/app/components/core/Nav/Nav.js → src/app/components/core/Navigation/Navigation.js

@@ -1,8 +1,6 @@
 // @flow strict
 import React, { Component } from 'react';
 import { NavLink } from 'react-router-dom';
-// $FlowIgnore
-import { connect } from 'react-redux';
 
 type StateType = {
   links: Array<{
@@ -11,7 +9,8 @@ type StateType = {
     name: string,
   }>
 };
-class Nav extends Component<{}, StateType> {
+
+class Navigation extends Component<{}, StateType> {
 
   state = {
     links: [],
@@ -53,8 +52,4 @@ class Nav extends Component<{}, StateType> {
   }
 }
 
-const mapStateToProps = (state) => ({
-  selectedCountry: state.selectedCountry
-});
-
-export default connect(mapStateToProps)(Nav);
+export default Navigation;