Build: typescript version

Author: impeiran

package.json

@@ -24,10 +24,7 @@
     "react-redux": "^7.2.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.4.0",
-    "redux": "^4.0.5",
-    "redux-immutable": "^4.0.0",
-    "redux-thunk": "^2.3.0",
+    "react-scripts": "3.4.1",
     "styled-components": "^5.0.1",
     "timeago.js": "^4.0.2",
     "typescript": "^3.8.3"

src/App.tsx

@@ -3,10 +3,14 @@ import { BaseLayout } from './layouts'
 import { GlobalStyle } from './style/global'
 import { BrowserRouter, Switch, Route } from 'react-router-dom'
 
+const basename: string = process.env.NODE_ENV === 'production'
+  ? '/cnode'
+  : '/'
+
 const App: React.FC = (props) => {
   return (
     <div className="App">
-      <BrowserRouter basename={ '/cnode' }>
+      <BrowserRouter basename={basename}>
         <GlobalStyle />
 
         <Switch>

src/components/scroll-list/index.tsx

@@ -6,7 +6,7 @@ import styled from 'styled-components'
 // polyfill
 import 'intersection-observer'
 
-export interface Iprops {
+export interface IProps {
   loading: boolean;
   completed: boolean;
   children: React.ReactNode;
@@ -19,7 +19,7 @@ const TipWord = styled.div`
   text-align: center;
 `
 
-const ScrollList: React.FC<Iprops> = (props: Iprops) => {
+const ScrollList: React.FC<IProps> = (props: IProps) => {
   const { completed, onLoad, loading } = props
 
   const hanlder = useCallback(entries => {

src/components/tabbar/index.tsx

@@ -7,11 +7,11 @@ export interface Tabber {
   route: string;
 }
 
-interface Iprops {
+interface IProps {
   value: Array<Tabber>;
 }
 
-const Tabbar: React.FC<Iprops> = (props: Iprops) => {
+const Tabbar: React.FC<IProps> = (props: IProps) => {
   return (
     <TabbarWrapper>
       {

src/components/tag/index.tsx

@@ -10,7 +10,7 @@ import {
   COLOR_GREY_INFO
 } from 'style/constants'
 
-interface Iprops {
+interface IProps {
   type: string
 }
 
@@ -42,7 +42,7 @@ const TagUI = styled.label<{ color: string }>`
   border-radius: 4px;
 `
 
-const Tag: React.FC<Iprops> = (props: Iprops) => {
+const Tag: React.FC<IProps> = (props: IProps) => {
   const type = props.type || 'default'
   return <TagUI color={ DICT[type].color }>{ DICT[type].text }</TagUI>
 }