ci:wireup frontend with new API

Author: dengjun

src/actions/myGigs.js

@@ -1,5 +1,5 @@
 import { createActions } from "redux-actions";
-import { PER_PAGE } from "../constants";
+import { PER_PAGE, CHECKING_GIG_TIMES } from "../constants";
 import service from "../services/myGigs";
 
 /**
@@ -30,9 +30,24 @@ async function updateProfile(profile) {
   return service.updateProfile(profile);
 }
 
+async function startCheckingGigs(externalId) {
+  let i = 0;
+  while (i < CHECKING_GIG_TIMES) {
+    const res = await service.startCheckingGigs(externalId);
+    if (res && !res.synced) {
+      i++;
+      continue;
+    } else {
+      return {};
+    }
+  }
+  return {};
+}
+
 export default createActions({
   GET_MY_GIGS: getMyGigs,
   LOAD_MORE_MY_GIGS: loadMoreMyGigs,
   GET_PROFILE: getProfile,
   UPDATE_PROFILE: updateProfile,
+  START_CHECKING_GIGS: startCheckingGigs,
 });

src/constants/index.js

@@ -352,3 +352,5 @@ export const GIG_STATUS_TOOLTIP = {
 
 export const EMPTY_GIGS_TEXT =
   "Looks like you haven't applied to any gig opportunities yet.";
+
+export const CHECKING_GIG_TIMES = 3;

src/containers/MyGigs/index.jsx

@@ -1,11 +1,13 @@
 import React, { useEffect, useRef, useState } from "react";
+import { useLocation } from "@reach/router";
 import PT from "prop-types";
 import { connect } from "react-redux";
 import Modal from "../../components/Modal";
 import Button from "../../components/Button";
 import JobListing from "./JobListing";
 import actions from "../../actions";
 import { EMPTY_GIGS_TEXT } from "../../constants";
+import * as utils from "../../utils";
 
 import UpdateGigProfile from "./modals/UpdateGigProfile";
 import UpdateSuccess from "./modals/UpdateSuccess";
@@ -23,16 +25,41 @@ const MyGigs = ({
   updateProfile,
   updateProfileSuccess,
   getAllCountries,
+  checkingGigs,
+  startCheckingGigs,
 }) => {
+  const location = useLocation();
+  const params = utils.url.parseUrlQuery(location.search);
   const propsRef = useRef();
-  propsRef.current = { getMyGigs, getProfile, getAllCountries };
+  propsRef.current = {
+    getMyGigs,
+    getProfile,
+    getAllCountries,
+    startCheckingGigs,
+    params,
+  };
 
   useEffect(() => {
-    propsRef.current.getMyGigs();
     propsRef.current.getProfile();
     propsRef.current.getAllCountries();
+    if (propsRef.current.params.externalId) {
+      propsRef.current.startCheckingGigs(propsRef.current.params.externalId);
+    } else {
+      propsRef.current.getMyGigs();
+    }
   }, []);
 
+  const isInitialMount = useRef(true);
+  useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      return;
+    }
+    if (!checkingGigs) {
+      propsRef.current.getMyGigs();
+    }
+  }, [checkingGigs]);
+
   const [openUpdateProfile, setOpenUpdateProfile] = useState(false);
   const [openUpdateSuccess, setOpenUpdateSuccess] = useState(false);
 
@@ -106,9 +133,12 @@ MyGigs.propTypes = {
   updateProfile: PT.func,
   updateProfileSuccess: PT.bool,
   getAllCountries: PT.func,
+  checkingGigs: PT.bool,
+  startCheckingGigs: PT.func,
 };
 
 const mapStateToProps = (state) => ({
+  checkingGigs: state.myGigs.checkingGigs,
   myGigs: state.myGigs.myGigs,
   total: state.myGigs.total,
   numLoaded: state.myGigs.numLoaded,
@@ -122,6 +152,7 @@ const mapDispatchToProps = {
   getProfile: actions.myGigs.getProfile,
   updateProfile: actions.myGigs.updateProfile,
   getAllCountries: actions.lookup.getAllCountries,
+  startCheckingGigs: actions.myGigs.startCheckingGigs,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(MyGigs);

src/reducers/myGigs.js

@@ -15,6 +15,7 @@ const defaultState = {
   updatingProfile: false,
   updatingProfileError: null,
   updatingProfileSucess: null,
+  checkingGigs: false,
 };
 
 function onGetMyGigsInit(state) {
@@ -111,6 +112,20 @@ function onUpdateProfileFailure(state, { payload }) {
   };
 }
 
+function onCheckingGigsInit(state) {
+  return {
+    ...state,
+    checkingGigs: true,
+  };
+}
+
+function onCheckingGigsDone(state) {
+  return {
+    ...state,
+    checkingGigs: false,
+  };
+}
+
 export default handleActions(
   {
     GET_MY_GIGS_INIT: onGetMyGigsInit,
@@ -125,6 +140,8 @@ export default handleActions(
     UPDATE_PROFILE_INIT: onUpdateProfileInit,
     UPDATE_PROFILE_DONE: onUpdateProfileDone,
     UPDATE_PROFILE_FAILURE: onUpdateProfileFailure,
+    START_CHECKING_GIGS_INIT: onCheckingGigsInit,
+    START_CHECKING_GIGS_DONE: onCheckingGigsDone,
   },
   defaultState
 );

src/services/myGigs.js

@@ -157,8 +157,17 @@ async function updateProfile(profile) {
   return response;
 }
 
+async function startCheckingGigs(externalId) {
+  const res = await api.get(
+    `/earn-app/api/my-gigs/job?externalId=${externalId}`,
+    process.env.URL.PLATFORM_WEBSITE_URL
+  );
+  return res;
+}
+
 export default {
   getMyGigs,
   getProfile,
   updateProfile,
+  startCheckingGigs,
 };