Update old files

Author: tduyng

server/db/db.json

@@ -0,0 +1,23 @@
+{
+  "users": [
+    {
+      "id": "idtest",
+      "username": "tester",
+      "email": "tester@gmail.com",
+      "password": "123456"
+    },
+    {
+      "id": "d18eca47-e1fb-4259-b2b7-9cf2ead4ba29",
+      "username": "tienduy",
+      "email": "tienduy@gmail.com",
+      "password": "123456"
+    },
+    {
+      "id": "d3dda531-1893-4ffa-972e-c3d55541f7d5",
+      "username": "alan",
+      "email": "alan@gmail.com",
+      "password": "123456"
+    }
+  ],
+  "products": []
+}

server/routes.json

@@ -0,0 +1,3 @@
+{
+  "/api/*": "/$1"
+}

src/App/App.actions.ts

@@ -0,0 +1,9 @@
+import * as types from './App.constants';
+
+export const logout = () => ({
+  type: types.LOGOUT,
+});
+
+export const toggleSideNav = () => ({
+  type: types.CLOSE_SIDE_NAV,
+});

src/App/App.constants.ts

@@ -0,0 +1,2 @@
+export const LOGOUT = 'app/LOGOUT';
+export const CLOSE_SIDE_NAV = 'app/CLOSE_SIDE_NAV';

src/App/App.reducer.ts

@@ -0,0 +1,26 @@
+import * as types from './App.constants';
+import { LOGIN_SUCCESS } from 'src/components/Auth/Auth.constants';
+import produce from 'immer';
+
+const initialState = {
+  isAuthenticated: false,
+  closeSideNav: false,
+};
+
+export const AppReducer = (state = initialState, action) =>
+  produce(state, draft => {
+    switch (action.type) {
+      case types.LOGOUT:
+        localStorage.removeItem('token');
+        draft.isAuthenticated = false;
+        break;
+      case LOGIN_SUCCESS:
+        draft.isAuthenticated = true;
+        break;
+      case types.CLOSE_SIDE_NAV:
+        draft.closeSideNav = !state.closeSideNav;
+        break;
+      default:
+        return state;
+    }
+  });

src/assets/images/home.jpeg

@@ -0,0 +1,73 @@
+$primary-color: #1890ff;
+$dark-color: #111;
+$light-color: #f4f4f4;
+$white-color: #fff;
+$danger-color: #e23c39;
+$success-color: #70c040;
+$warning-color: #efaf41;
+
+$max-width: 1200px;
+$heightHeader: 60px;
+$heightFooter: 150px;
+
+//Margin & Padding
+$spaceamounts: (1, 2, 3, 4, 5);
+@each $space in $spaceamounts {
+  // All around margin
+  .m-#{$space} {
+    margin: #{$space}rem;
+  }
+  // Vertical margin
+  .my-#{$space} {
+    margin: #{$space}rem 0;
+  }
+  // Horizontal margin
+  .mx-#{$space} {
+    margin: 0 #{$space}rem;
+  }
+  // Margin-left
+  .ml-#{$space} {
+    margin-left: #{$space}rem;
+  }
+  // Margin-right
+  .mr-#{$space} {
+    margin-right: #{$space}rem;
+  }
+  // Margin-top
+  .mt-#{$space} {
+    margin-top: #{$space}rem;
+  }
+  // Margin-right
+  .mb-#{$space} {
+    margin-bottom: #{$space}rem;
+  }
+
+  // All around padding
+  .p-#{$space} {
+    padding: #{$space}rem;
+  }
+  // Vertical padding
+  .py-#{$space} {
+    padding: #{$space}rem 0;
+  }
+  // Horizontal padding
+  .px-#{$space} {
+    padding: 0 #{$space}rem;
+  }
+  // padding-left
+  .mp-#{$space} {
+    padding-left: #{$space}rem;
+  }
+  // padding-right
+  .pr-#{$space} {
+    padding-right: #{$space}rem;
+  }
+  // padding-top
+  .pt-#{$space} {
+    padding-top: #{$space}rem;
+  }
+  // Margin-right
+  .pb-#{$space} {
+    padding-bottom: #{$space}rem;
+  }
+}

src/assets/images/home2.jpeg

@@ -0,0 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+
+body {
+  font-family: 'Roboto', sans-serif;
+  font-weight: 300;
+}