integration done

Author: dengjun

README.md

@@ -25,6 +25,7 @@ This is a [single-spa](https://single-spa.js.org/) example React microapp.
 | `npm run test`        | Run unit tests                                                    |
 | `npm run watch-tests` | Watch for file changes and run unit tests on changes              |
 | `npm run coverage`    | Generate test code coverage report                                |
+| `npm run mock-api`    | Start the mock api which mocks Recruit api                        |
 
 ## Local Deployment
 

config/default.js

@@ -12,6 +12,7 @@ module.exports = {
     COMMUNITY_APP: "https://community-app.topcoder-dev.com",
     PLATFORM_WEBSITE_URL: "https://platform.topcoder-dev.com",
   },
+  RECRUIT_API: process.env.RECRUIT_API || "https://www.topcoder-dev.com",
   // the server api base path
   API_BASE_PATH: process.env.API_BASE_PATH || "/earn-app/api/my-gigs",
   // the log level, default is 'debug'
@@ -43,4 +44,12 @@ module.exports = {
       process.env.M2M_AUDIT_USER_ID || "00000000-0000-0000-0000-000000000000",
     M2M_AUDIT_HANDLE: process.env.M2M_AUDIT_HANDLE || "TopcoderService",
   },
+  MOCK_API_PORT: process.env.MOCK_API_PORT || 4000,
+  ALLOWED_FILE_TYPES: process.env.ALLOWED_FILE_TYPES || [
+    "pdf",
+    "doc",
+    "docx",
+    "txt",
+  ],
+  MAX_ALLOWED_FILE_SIZE_MB: process.env.MAX_ALLOWED_FILE_SIZE_MB || 10,
 };

jest.config.js

@@ -3,6 +3,7 @@ module.exports = {
   transform: {
     "^.+\\.(j|t)sx?$": "babel-jest",
   },
+  transformIgnorePatterns: ["node_modules/?!(react-dropzone)"],
   moduleNameMapper: {
     "\\.(css|scss)$": "identity-obj-proxy",
     "\\.(png|eot|otf|ttf|woff|woff2|svg)$": "<rootDir>/__mocks__/fileMock.js",

package-lock.json

@@ -10,7 +10,8 @@
     "format": "prettier --write \"./**\"",
     "test": "cross-env BABEL_ENV=test jest",
     "watch-tests": "cross-env BABEL_ENV=test jest --watch",
-    "coverage": "cross-env BABEL_ENV=test jest --coverage"
+    "coverage": "cross-env BABEL_ENV=test jest --coverage",
+    "mock-api": "node ./src/api/mock-api/mock-api.js"
   },
   "devDependencies": {
     "@babel/core": "^7.7.5",
@@ -61,11 +62,15 @@
     "@babel/runtime": "^7.13.10",
     "@reach/router": "^1.3.4",
     "autoprefixer": "^8.6.5",
+    "cors": "^2.8.5",
+    "country-calling-code": "0.0.3",
     "dotenv": "^10.0.0",
     "express": "^4.17.1",
+    "express-fileupload": "^1.2.1",
     "express-interceptor": "^1.2.0",
     "get-parameter-names": "^0.3.0",
     "http-status": "^1.5.0",
+    "i18n-iso-countries": "^6.7.0",
     "joi": "^17.4.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
@@ -75,7 +80,9 @@
     "react": "^16.12.0",
     "react-date-range": "^1.1.3",
     "react-dom": "^16.12.0",
+    "react-dropzone": "^11.3.2",
     "react-redux": "^7.2.3",
+    "react-responsive-modal": "^6.1.0",
     "react-select": "^1.3.0",
     "react-use": "^15.3.4",
     "redux": "^4.0.5",

package.json

@@ -20,6 +20,7 @@ import { useSelector } from "react-redux";
 import "react-date-range/dist/theme/default.css";
 import "react-date-range/dist/styles.css";
 import "rc-tooltip/assets/bootstrap.css";
+import "react-responsive-modal/styles.css";
 
 import "./styles/main.scss";
 

src/App.jsx

@@ -13,8 +13,18 @@ async function checkIsLoggedIn() {
   return service.checkIsLoggedIn();
 }
 
+async function getGigPhases() {
+  return service.getGigPhases();
+}
+
+async function getGigStatuses() {
+  return service.getGigStatuses();
+}
+
 export default createActions({
   GET_TAGS: getTags,
   GET_COMMUNITY_LIST: getCommunityList,
   CHECK_IS_LOGGED_IN: checkIsLoggedIn,
+  GET_GIG_PHASES: getGigPhases,
+  GET_GIG_STATUSES: getGigStatuses,
 });

src/actions/lookup.js

@@ -22,7 +22,17 @@ async function loadMoreMyGigs(nextPage, perPage = PER_PAGE) {
   return service.getMyGigs(nextPage, perPage);
 }
 
+async function getProfile() {
+  return service.getProfile();
+}
+
+async function updateProfile(profile) {
+  return service.updateProfile(profile);
+}
+
 export default createActions({
   GET_MY_GIGS: getMyGigs,
   LOAD_MORE_MY_GIGS: loadMoreMyGigs,
+  GET_PROFILE: getProfile,
+  UPDATE_PROFILE: updateProfile,
 });

src/actions/myGigs.js

@@ -5,6 +5,9 @@
 const Scopes = {
   // JobApplication
   READ_JOBAPPLICATION: "read:earn-jobApplications",
+  READ_PROFILE: "read:earn-profile",
+  WRITE_PROFILE: "write:earn-profile",
+  ALL_PROFILE: "all:earn-profile",
 };
 
 module.exports = {

src/api/app-constants.js

@@ -4,6 +4,9 @@
 
 const _ = require("lodash");
 const config = require("config");
+const express = require("express");
+const cors = require("cors");
+const fileUpload = require("express-fileupload");
 const helper = require("./common/helper");
 const errors = require("./common/errors");
 const routes = require("./routes");
@@ -14,6 +17,18 @@ const authenticator = require("tc-core-library-js").middleware.jwtAuthenticator;
  * @param app the express app
  */
 module.exports = (app) => {
+  app.use(express.json());
+  app.use(cors());
+  app.use(
+    fileUpload({
+      limits: {
+        fields: 20,
+        fileSize: config.MAX_ALLOWED_FILE_SIZE_MB * 1024 * 1024,
+        files: 1,
+      },
+      debug: config.get("LOG_LEVEL") === "debug",
+    })
+  );
   // intercept the response body from jwtAuthenticator
   app.use(helper.interceptor);
   // Load all routes