🔥 Remove index.ts for exporting Components

src/App.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import App from './App'
 import { render, screen } from '@testing-library/react'
 import * as api from './lib/api'

src/App.tsx

@@ -1,8 +1,10 @@
 import { FC, useEffect, useState } from 'react'
 import { Container, Dimmer, Loader } from 'semantic-ui-react'
 import { Settings, Ticker } from './lib/types'
-import { ActiveView, ErrorView, InactiveView } from './views'
 import { getInit } from './lib/api'
+import ErrorView from './views/ErrorView'
+import ActiveView from './views/ActiveView'
+import InactiveView from './views/InactiveView'
 
 const App: FC = () => {
   const [ticker, setTicker] = useState<Ticker | null>(null)

src/components/Attachments.test.tsx

@@ -1,5 +1,4 @@
 import { render } from '@testing-library/react'
-import React from 'react'
 import Attachments from './Attachments'
 
 describe('Attachment', function () {

src/components/Message.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 import Message from './Message'
 
 describe('Message', function () {

src/components/ReloadInfo.test.tsx

@@ -1,7 +1,6 @@
-import React from 'react'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import { ReloadInfo } from './index'
+import ReloadInfo from './ReloadInfo'
 
 describe('ReloadInfo', function () {
   beforeAll(function () {

src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App'
 import 'semantic-ui-css/semantic.min.css'

src/views/ActiveView.tsx

@@ -1,10 +1,12 @@
 import { FC, useCallback, useState } from 'react'
 import { Container, Grid, Header, Sticky } from 'semantic-ui-react'
 import styled from 'styled-components'
-import { About, MessageList, ReloadInfo } from '../components'
 import { spacing } from '../lib/theme'
 import { Ticker } from '../lib/types'
 import { isMobile } from '../lib/helper'
+import About from '../components/About'
+import ReloadInfo from '../components/ReloadInfo'
+import MessageList from '../components/MessageList'
 
 const Wrapper = styled(Container)`
   padding: ${spacing.normal} 0;

src/views/ErrorView.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { ErrorView } from './index'
+import ErrorView from './ErrorView'
 
 describe('ErrorView', function () {
   const original = window.location

src/views/ErrorView.tsx

@@ -1,7 +1,7 @@
 import { FC, useCallback } from 'react'
 import { Button, Container, Header, Icon, Segment } from 'semantic-ui-react'
 import styled from 'styled-components'
-import { Credits } from '../components'
+import Credits from '../components/Credits'
 import { spacing } from '../lib/theme'
 
 const Wrapper = styled(Container)`

src/views/InactiveView.tsx

@@ -2,7 +2,8 @@ import { FC } from 'react'
 import ReactMarkdown from 'react-markdown'
 import { Card, Container, Grid, Header, Icon, List } from 'semantic-ui-react'
 import styled from 'styled-components'
-import { Credits, DescriptionItem } from '../components'
+import Credits from '../components/Credits'
+import DescriptionItem from '../components/DescriptionItem'
 import { DescriptionTypes, InactiveSettings } from '../lib/types'
 
 const Wrapper = styled(Container)`