issue #97

Author: nqviet

src/containers/Submission/Submit/Uploading/index.jsx

@@ -1,6 +1,6 @@
-import React from "react";
+import React, { useEffect, useRef } from "react";
 import PT from "prop-types";
-import { Link } from "@reach/router";
+import { Link, navigate } from "@reach/router";
 import { PrimaryButton, DefaultButton as Button } from "components/Buttons";
 import { COMPETITION_TRACKS, CHALLENGES_URL } from "../../../../constants";
 import RobotHappy from "assets/icons/robot-happy.svg";
@@ -20,6 +20,20 @@ const Uploading = ({
   uploadProgress,
   back,
 }) => {
+  const propsRef = useRef();
+  propsRef.current = { submitDone, challengeId };
+
+  useEffect(() => {
+    return () => {
+      if (propsRef.current.submitDone) {
+        const backUrl = window.location.pathname;
+        if (backUrl === `${CHALLENGES_URL}/${challengeId}`) {
+          navigate(`${CHALLENGES_URL}/${propsRef.current.challengeId}?reload=true`);
+        }
+      }
+    }
+  }, []);
+
   return (
     <div styleName="container">
       <div styleName="uploading">

src/containers/challenge-detail/index.jsx

@@ -221,6 +221,10 @@ class ChallengeDetailPageContainer extends React.Component {
       challenge,
       // loadingRecommendedChallengesUUID,
       history,
+      loadChallengeDetails,
+      loadFullChallengeDetails,
+      isLoadingChallenge,
+      isLoadingTerms,
     } = this.props;
 
     if (
@@ -247,6 +251,15 @@ class ChallengeDetailPageContainer extends React.Component {
     //   getAllRecommendedChallenges(auth.tokenV3, recommendedTechnology);
     // }
 
+    const query = new URLSearchParams(history.location.search);
+    const isReloading = isLoadingChallenge || isLoadingTerms;
+    if (query.get('reload') && !isReloading) {
+      history.replace(history.location.pathname, history.state);
+      loadChallengeDetails(nextProps.auth, challengeId, loadFullChallengeDetails);
+
+      return;
+    }
+
     const { thriveArticles } = this.state;
     const userId = _.get(this, "props.auth.user.userId");
     const nextUserId = _.get(nextProps, "auth.user.userId");