Move components into a folder

src/App.tsx

@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react'
 import './App.css'
 
-import Header from './Header/Header'
+import Header from './components/Header/Header'
 import Main from './Main/Main'
 
 function App() {

src/components/Button/Button.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 import './Button.css'
 
-import New from '../../assets/new.svg'
-import Menu from '../../assets/menu.svg'
-import Link from '../../assets/link.svg'
+import New from '../../../assets/new'
+import Menu from '../../../assets/menu'
+import Link from '../../../assets/link'
 
 interface Props {
     type: string

src/components/WeaponGridMainhand/WeaponGridMainhand.css

@@ -22,4 +22,8 @@
     color: #c9c9c9;
     height: 20px;
     width: 20px;
+}
+
+.WeaponGridMainhand:hover .icon {
+    color: #555;
 }

src/components/WeaponGridUnit/WeaponGridUnit.css

@@ -21,4 +21,8 @@
     color: #c9c9c9;
     height: 20px;
     width: 20px;
+}
+
+.WeaponGridUnit:hover .icon {
+    color: #555;
 }

src/routes/New/New.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import WeaponGrid from '../../WeaponGrid/WeaponGrid'
+import WeaponGrid from '../../components/WeaponGrid/WeaponGrid'
 
 const New = () => (
     <div>

src/routes/Party/Party.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {withRouter} from 'react-router'
+import { withRouter } from 'react-router'
 
 class Party extends React.Component {
     render() {