Rename everything to index

Apparently it's better

src/components/App/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import './App.css'
+import './index.css'
 
-import Header from '~components/Header/Header'
-import Main from '~components/Main/Main'
+import Header from '~components/Header'
+import Main from '~components/Main'
 
 function App() {
     return (   

src/components/Button/index.tsx

@@ -1,10 +1,11 @@
 import React from 'react'
-import './Button.css'
+import classNames from 'classnames'
+
+import './index.css'
 
 import New from '../../../assets/new'
 import Menu from '../../../assets/menu'
 import Link from '../../../assets/link'
-import classNames from 'classnames'
 
 interface Props {
     color: string

src/components/Fieldset/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import './Fieldset.css'
+import './index.css'
 
 interface Props {
     fieldName: string

src/components/Header/index.tsx

@@ -2,10 +2,10 @@ import React, { useEffect, useState } from 'react'
 import { RouteComponentProps, useLocation, withRouter } from 'react-router-dom'
 import { useCookies } from 'react-cookie'
 
-import Button from '~components/Button/Button'
-import HeaderMenu from '~components/HeaderMenu/HeaderMenu'
+import Button from '~components/Button'
+import HeaderMenu from '~components/HeaderMenu'
 
-import './Header.css'
+import './index.css'
 
 interface Props {}
 interface HeaderProps extends RouteComponentProps<Props> {}

src/components/HeaderMenu/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import './HeaderMenu.css'
+import './index.css'
 
-import LoginModal from '~components/LoginModal/LoginModal'
-import SignupModal from '~components/SignupModal/SignupModal'
+import LoginModal from '~components/LoginModal'
+import SignupModal from '~components/SignupModal'
 
 import { useModal as useSignupModal } from '~utils/useModal'
 import { useModal as useLoginModal } from '~utils/useModal'

src/components/LoginModal/index.tsx

@@ -3,12 +3,12 @@ import { withCookies, Cookies } from 'react-cookie'
 import { createPortal } from 'react-dom'
 import api from '~utils/api'
 
-import Button from '~components/Button/Button'
-import Fieldset from '~components/Fieldset/Fieldset'
-import Modal from '~components/Modal/Modal'
-import Overlay from '~components/Overlay/Overlay'
+import Button from '~components/Button'
+import Fieldset from '~components/Fieldset'
+import Modal from '~components/Modal'
+import Overlay from '~components/Overlay'
 
-import './LoginForm.css'
+import './index.css'
 
 import New from '../../../assets/new'
 

src/components/Modal/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import classnames from 'classnames'
 
-import './Modal.css'
+import './index.css'
 
 interface Props {
     styleName?: string

src/components/Overlay/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import './Overlay.css'
+
+import './index.css'
 
 interface Props {
     onClick: OnClickEvent

src/components/SearchModal/index.tsx

@@ -2,11 +2,11 @@ import React from 'react'
 import { createPortal } from 'react-dom'
 import api from '~utils/api'
 
-import Modal from '~components/Modal/Modal'
-import Overlay from '~components/Overlay/Overlay'
-import WeaponResult from '~components/WeaponResult/WeaponResult'
+import Modal from '~components/Modal'
+import Overlay from '~components/Overlay'
+import WeaponResult from '~components/WeaponResult'
 
-import './SearchModal.css'
+import './index.css'
 
 interface Props {
     close: () => void

src/components/SignupModal/index.tsx

@@ -3,12 +3,12 @@ import { withCookies, Cookies } from 'react-cookie'
 import { createPortal } from 'react-dom'
 import api from '~utils/api'
 
-import Button from '~components/Button/Button'
-import Fieldset from '~components/Fieldset/Fieldset'
-import Modal from '~components/Modal/Modal'
-import Overlay from '~components/Overlay/Overlay'
+import Button from '~components/Button'
+import Fieldset from '~components/Fieldset'
+import Modal from '~components/Modal'
+import Overlay from '~components/Overlay'
 
-import './SignupModal.css'
+import './index.css'
 
 import New from '../../../assets/new'
 

src/components/UncapIndicator/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import classnames from 'classnames'
-import UncapStar from '~components/UncapStar/UncapStar'
+import UncapStar from '~components/UncapStar'
 
-import './UncapIndicator.css'
+import './index.css'
 
 
 interface Props {

src/components/UncapStar/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import classnames from 'classnames'
 
-import './UncapStar.css'
+import './index.css'
 
 import Star from '../../../assets/star'
 

src/components/WeaponGrid/index.tsx

@@ -1,11 +1,10 @@
 import React, { useEffect, useState } from 'react'
 import api from '~utils/api'
-import history from '~utils/history'
 
-import WeaponUnit from '~components/WeaponUnit/WeaponUnit'
-import Button from '~components/Button/Button'
+import WeaponUnit from '~components/WeaponUnit'
+import Button from '~components/Button'
 
-import './WeaponGrid.css'
+import './index.css'
 
 interface Props {
     userId?: string

src/components/WeaponLabelIcon/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import './WeaponLabelIcon.css'
+import './index.css'
 
 interface Props {
     labelType: string

src/components/WeaponResult/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import WeaponLabelIcon from '~components/WeaponLabelIcon/WeaponLabelIcon'
+import WeaponLabelIcon from '~components/WeaponLabelIcon'
 
 import gridImages from '../../images/grid/*.jpg'
 
-import './WeaponResult.css'
+import './index.css'
 
 interface Props {
     data: Weapon

src/components/WeaponUnit/index.tsx

@@ -2,14 +2,14 @@ import React, { useEffect, useState } from 'react'
 import classnames from 'classnames'
 import { useModal as useModal } from '~utils/useModal'
 
-import SearchModal from '~components/SearchModal/SearchModal'
-import UncapIndicator from '~components/UncapIndicator/UncapIndicator'
+import SearchModal from '~components/SearchModal'
+import UncapIndicator from '~components/UncapIndicator'
 
 import mainhandImages from '../../images/mainhand/*.jpg'
 import gridImages from '../../images/grid/*.jpg'
 import Plus from '../../../assets/plus.svg'
 
-import './WeaponUnit.css'
+import './index.css'
 
 interface Props {
     onReceiveData: (weapon: Weapon, position: number) => void

src/index.tsx

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom'
 import { CookiesProvider } from 'react-cookie'
 import { BrowserRouter } from 'react-router-dom'
 
-import App from './components/App/App'
+import App from './components/App'
 
 ReactDOM.render((
     <BrowserRouter>

src/routes/New/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { RouteComponentProps } from 'react-router-dom'
 import { useCookies } from 'react-cookie'
-import WeaponGrid from '../../components/WeaponGrid/WeaponGrid'
+import WeaponGrid from '../../components/WeaponGrid'
 
 interface Props {}
 interface NewProps extends RouteComponentProps<Props> {}

src/routes/Party/index.tsx

@@ -3,7 +3,7 @@ import { withCookies, useCookies } from 'react-cookie'
 import { RouteComponentProps, withRouter } from 'react-router-dom'
 import api from '~utils/api'
 
-import WeaponGrid from '../../components/WeaponGrid/WeaponGrid'
+import WeaponGrid from '../../components/WeaponGrid'
 
 interface Props {
     hash: string