Create container to stock components work with store

Author: tduyng

src/App/App.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { connect, ConnectedProps } from 'react-redux';
-import { loadUser, logout } from 'src/components/Auth/Auth.thunks';
+import { loadUser, logout } from 'src/containers/Auth/Auth.thunks';
 import { Routes } from 'src/routes';
 
 const mapStateToProps = () => ({});

src/components/Header/RightMenu.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Menu, Grid } from 'antd';
 import { NavLink } from 'react-router-dom';
 import { LoginOutlined } from '@ant-design/icons';
-import { logout } from 'src/components/Auth/Auth.thunks';
+import { logout } from 'src/containers/Auth/Auth.thunks';
 import { connect, ConnectedProps } from 'react-redux';
 import { PATH } from 'src/constants/paths';
 

src/components/Home/AuthLinks.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProductList } from 'src/components/Products/ProductList';
+import { ProductList } from 'src/containers/Products/ProductList';
 
 export const AuthLinks = () => {
   return <ProductList />;

src/components/Auth/Auth.actions.ts src/containers/Auth/Auth.actions.tssrc/components/Auth/Auth.actions.ts renamed to src/containers/Auth/Auth.actions.ts

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Form, Input, Button, Checkbox, message } from 'antd';
 import { UserOutlined, LockOutlined } from '@ant-design/icons';
 import { connect, ConnectedProps } from 'react-redux';
-import { useHistory, Link, Redirect } from 'react-router-dom';
+import { Link, Redirect } from 'react-router-dom';
 import { login } from './Auth.thunks';
 import { PATH } from 'src/constants/paths';
 

src/components/Auth/Auth.constants.ts src/containers/Auth/Auth.constants.tssrc/components/Auth/Auth.constants.ts renamed to src/containers/Auth/Auth.constants.ts

@@ -6,7 +6,7 @@ import {
   EllipsisOutlined,
   SettingOutlined,
 } from '@ant-design/icons';
-import { Link, useHistory } from 'react-router-dom';
+import { useHistory } from 'react-router-dom';
 import { PATH } from 'src/constants/paths';
 const { Meta } = Card;
 

src/components/Auth/Auth.reducers.ts src/containers/Auth/Auth.reducers.tssrc/components/Auth/Auth.reducers.ts renamed to src/containers/Auth/Auth.reducers.ts

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import { Form, Input, Button, message } from 'antd';
+import { Form, Input, Button } from 'antd';
 import { UserOutlined, LockOutlined, MailOutlined } from '@ant-design/icons';
 import { connect, ConnectedProps } from 'react-redux';
-import { useHistory, Link, Redirect } from 'react-router-dom';
+import { Link, Redirect } from 'react-router-dom';
 import { register } from './Auth.thunks';
 import { PATH } from 'src/constants/paths';
 
@@ -19,7 +19,6 @@ const _Register = (props: Props) => {
   // eslint-disable-next-line
   const [error, setError] = useState('');
   const { register, isAuthenticated } = props;
-  const history = useHistory();
 
   const onFinish = async formData => {
     try {
@@ -29,6 +28,7 @@ const _Register = (props: Props) => {
     }
   };
   const onFinishFailed = errorInfo => {
+    // eslint-disable-next-line
     console.log('Failed:', errorInfo);
   };