Some minor cleanup

Mostly moving imports to absolute paths

src/components/Header/Header.tsx

@@ -1,13 +1,13 @@
-import React, { useRef, useState } from 'react'
+import React from 'react'
 import { Link } from 'react-router-dom'
 
+import Button from 'components/Button/Button'
+import UnauthMenu from 'components/UnauthMenu/UnauthMenu'
+
 import './Header.css'
 
-import Button from '../Button/Button'
-import UnauthMenu from '../UnauthMenu/UnauthMenu'
-
 class Header extends React.Component {
-    constructor(props) {
+    constructor(props: any) {
         super(props)
         this.copyToClipboard = this.copyToClipboard.bind(this)
     }

src/components/LoginModal/LoginModal.tsx

@@ -4,7 +4,7 @@ import Portal from '../../Portal'
 import Modal from '../Modal/Modal'
 import Overlay from '../Overlay/Overlay'
 
-const LoginModal = ({ close }) => {
+const LoginModal = (close: () => null ) => {
     return (
         <Portal>
             <div>

src/components/Overlay/Overlay.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import './Overlay.css'
 
-const Overlay = ({ onClick }) => (
+const Overlay = (onClick: OnClickEvent) => (
     <div className="Overlay" onClick={onClick} />
 )
 

src/components/SearchModal/SearchModal.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import Portal from '../../Portal'
+import Portal from 'Portal'
 
-import Modal from '../Modal/Modal'
-import Overlay from '../Overlay/Overlay'
-import WeaponResult from '../WeaponResult/WeaponResult'
+import Modal from 'components/Modal/Modal'
+import Overlay from 'components/Overlay/Overlay'
+import WeaponResult from 'components/WeaponResult/WeaponResult'
 
 import './SearchModal.css'
 

src/components/SignupModal/SignupModal.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import Portal from '../../Portal'
+import Portal from 'Portal'
 
-import Modal from '../Modal/Modal'
-import Overlay from '../Overlay/Overlay'
+import Modal from 'components/Modal/Modal'
+import Overlay from 'components/Overlay/Overlay'
 
 const SignupModal = ({ close }) => {
     return (

src/components/UnauthMenu/UnauthMenu.tsx

@@ -1,11 +1,11 @@
 import React from 'react'
 import './UnauthMenu.css'
 
-import LoginModal from '../LoginModal/LoginModal'
-import SignupModal from '../SignupModal/SignupModal'
+import LoginModal from 'components/LoginModal/LoginModal'
+import SignupModal from 'components/SignupModal/SignupModal'
 
-import { useModal as useSignupModal } from '../../useModal'
-import { useModal as useLoginModal } from '../../useModal'
+import { useModal as useSignupModal } from 'useModal'
+import { useModal as useLoginModal } from 'useModal'
 
 function UnauthMenu() {
     const { open: signupOpen, openModal: openSignupModal, closeModal: closeSignupModal } = useSignupModal()

src/components/WeaponGrid/WeaponGrid.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react'
 import { withRouter } from 'react-router'
 
-import WeaponGridMainhand from '../WeaponGridMainhand/WeaponGridMainhand'
-import WeaponGridUnit from '../WeaponGridUnit/WeaponGridUnit'
+import WeaponGridMainhand from 'components/WeaponGridMainhand/WeaponGridMainhand'
+import WeaponGridUnit from 'components/WeaponGridUnit/WeaponGridUnit'
 
 import './WeaponGrid.css'
 

src/components/WeaponGridMainhand/WeaponGridMainhand.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect } from 'react'
-import SearchModal from '../SearchModal/SearchModal'
-import { useModal as useModal } from '../../useModal'
+import SearchModal from 'components/SearchModal/SearchModal'
+import { useModal as useModal } from 'useModal'
+
+import mainhandImages from 'images/mainhand/*.jpg'
+import Plus from '../../../assets/plus.svg'
 
 import './WeaponGridMainhand.css'
-import mainhandImages from '../../images/mainhand/*.jpg'
-import Plus from '../../../assets/plus.svg'
 
 function WeaponGridMainhand(props: WeaponGridProps) {
     const { open, openModal, closeModal } = useModal()

src/components/WeaponGridUnit/WeaponGridUnit.tsx

@@ -1,10 +1,11 @@
 import React from 'react'
-import SearchModal from '../SearchModal/SearchModal'
-import { useModal as useModal } from '../../useModal'
+import SearchModal from 'components/SearchModal/SearchModal'
+import { useModal as useModal } from 'useModal'
+
+import gridImages from 'images/grid/*.jpg'
+import Plus from '../../../assets/plus.svg'
 
 import './WeaponGridUnit.css'
-import gridImages from '../../images/grid/*.jpg'
-import Plus from '../../../assets/plus.svg'
 
 function WeaponGridUnit(props: WeaponGridProps) {
     const { open, openModal, closeModal } = useModal()

src/components/WeaponLabelIcon/WeaponLabelIcon.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+
 import './WeaponLabelIcon.css'
 
 interface Props {
@@ -13,4 +14,4 @@ class WeaponLabelIcon extends React.Component<Props> {
     }
 }
 
-export default WeaponLabelIcon
+export default WeaponLabelIcon

src/components/WeaponResult/WeaponResult.tsx

@@ -1,11 +1,10 @@
 import React from 'react'
+import WeaponLabelIcon from 'components/WeaponLabelIcon/WeaponLabelIcon'
+
+import gridImages from 'images/grid/*.jpg'
+
 import './WeaponResult.css'
 
-import '../WeaponLabelIcon/WeaponLabelIcon'
-import WeaponLabelIcon from '../WeaponLabelIcon/WeaponLabelIcon'
-
-import gridImages from '../../images/grid/*.jpg'
-
 interface Props {
     data: Weapon
     onClick: () => void