171648125-approval-table: add approval table

- add approval table UI.

[Finishes#171648125]

Author: Agnes-N

.eslintrc.json

@@ -22,6 +22,7 @@
     "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"]}],
     "jsx-a11y/control-has-associated-label": [0],
     "jsx-a11y/anchor-is-valid": [0],
-    "react/jsx-props-no-spreading": 0
+    "react/jsx-props-no-spreading": 0,
+    "jsx-a11y/click-events-have-key-events": [0]
   }
-}
+}

package.json

@@ -42,6 +42,7 @@
     "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-react": "^7.20.0",
     "eslint-plugin-react-hooks": "^2.5.0",
+    "file-loader": "^6.0.0",
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.0.1",
     "moxios": "^0.4.0",
@@ -62,16 +63,18 @@
     "@babel/plugin-transform-runtime": "^7.9.6",
     "@babel/polyfill": "^7.8.7",
     "@emotion/core": "^10.0.28",
+    "@syncfusion/ej2-react-calendars": "^18.1.53",
     "axios": "^0.19.2",
     "concurrently": "^5.2.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "express": "^4.17.1",
     "jwt-decode": "^2.2.0",
     "prop-types": "^15.7.2",
-    "query-string": "^6.12.1",
+    "query-string": "^6.13.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-js-pagination": "^3.0.3",
     "react-redux": "^7.2.0",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
@@ -80,6 +83,7 @@
     "redux": "^4.0.5",
     "redux-devtools-extension": "^2.13.8",
     "redux-logger": "^3.0.6",
-    "redux-thunk": "^2.3.0"
+    "redux-thunk": "^2.3.0",
+    "simple-flexbox": "^2.3.1"
   }
 }

src/Assets/DashboardAssets/filter_icon.png

@@ -13,6 +13,8 @@ import Protected from "./Shared/ProtectedRoute/ProtectedRoute.jsx";
 import EmailVerificationResponse from "./Shared/EmailVerificationResponse/EmailVerificationResponse.jsx";
 import ResetPasswordComponent from "./Auth/ForgetPassword/ResetPassword/ResetPassword.jsx";
 import ChangePassword from "./Auth/ForgetPassword/ChangePassword/ChangePassword.jsx";
+import ApprovalTableComponent from "./ApprovalTable/approvalTable.jsx";
+import ViewTripsComponent from "./ViewTrips/ViewTrips.jsx";
 
 toast.configure();
 
@@ -36,6 +38,8 @@ const App = () => (
             component={ResetPasswordComponent}
           />
           <Route exact path="/reset-password" component={ChangePassword} />
+          <Route exact path="/approval" component={ApprovalTableComponent} />
+          <Route exact path="/view-trips" component={ViewTripsComponent} />
         </Switch>
       </Router>
     </div>