modules version up

Author: jaewonhimnae

Diff for: client/package-lock.json

@@ -4,7 +4,7 @@
   "private": true,
   "dependencies": {
     "antd": "^3.24.1",
-    "axios": "^0.18.0",
+    "axios": "^0.19.2",
     "formik": "^1.5.8",
     "moment": "^2.24.0",
     "react": "^16.8.6",
@@ -16,7 +16,9 @@
     "redux": "^4.0.0",
     "redux-promise": "^0.6.0",
     "redux-thunk": "^2.3.0",
-    "yup": "^0.27.0"
+    "yup": "^0.27.0",
+    "core-js": "^3.6.4",
+    "react-app-polyfill": "^1.0.6"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -40,6 +42,6 @@
     ]
   },
   "devDependencies": {
-    "http-proxy-middleware": "^0.19.1"
+    "http-proxy-middleware": "^1.0.3"
   }
 }

Diff for: client/package.json

@@ -8,6 +8,10 @@ import RegisterPage from "./views/RegisterPage/RegisterPage.js";
 import NavBar from "./views/NavBar/NavBar";
 import Footer from "./views/Footer/Footer"
 
+//null   Anyone Can go inside
+//true   only logged in user can go inside
+//false  logged in user can't go inside
+
 function App() {
   return (
     <Suspense fallback={(<div>Loading...</div>)}>

Diff for: client/src/components/App.js

@@ -3,35 +3,39 @@ import React, { useEffect } from 'react';
 import { auth } from '../_actions/user_actions';
 import { useSelector, useDispatch } from "react-redux";
 
-export default function (ComposedClass, reload, adminRoute = null) {
+export default function (SpecificComponent, option, adminRoute = null) {
     function AuthenticationCheck(props) {
 
         let user = useSelector(state => state.user);
         const dispatch = useDispatch();
 
         useEffect(() => {
-
+            //To know my current status, send Auth request 
             dispatch(auth()).then(response => {
+                //Not Loggined in Status 
                 if (!response.payload.isAuth) {
-                    if (reload) {
+                    if (option) {
                         props.history.push('/login')
                     }
+                    //Loggined in Status 
                 } else {
+                    //supposed to be Admin page, but not admin person wants to go inside
                     if (adminRoute && !response.payload.isAdmin) {
                         props.history.push('/')
                     }
+                    //Logged in Status, but Try to go into log in page 
                     else {
-                        if (reload === false) {
+                        if (option === false) {
                             props.history.push('/')
                         }
                     }
                 }
             })
-            
+
         }, [])
 
         return (
-            <ComposedClass {...props} user={user} />
+            <SpecificComponent {...props} user={user} />
         )
     }
     return AuthenticationCheck

Diff for: client/src/hoc/auth.js

@@ -1,3 +1,7 @@
+import 'react-app-polyfill/ie9';
+import 'react-app-polyfill/ie11';
+import 'core-js';
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';

Diff for: client/src/index.js

@@ -1,7 +1,11 @@
-const proxy = require("http-proxy-middleware");
+const { createProxyMiddleware } = require('http-proxy-middleware');
 
-module.exports = function(app) {
-
-    app.use(proxy("/api", { target: "http://localhost:5000/" }));
-
-};
+module.exports = function (app) {
+    app.use(
+        '/api',
+        createProxyMiddleware({
+            target: 'http://localhost:5000',
+            changeOrigin: true,
+        })
+    );
+};