fix: issue #373

Author: yoution

src/routes/CreateNewTeam/components/SearchAndSubmit/index.jsx

@@ -14,6 +14,8 @@ import InputContainer from "../InputContainer";
 import SearchContainer from "../SearchContainer";
 import SubmitContainer from "../SubmitContainer";
 
+const SEARCHINGTIME = 1600;
+
 function SearchAndSubmit(props) {
   const { stages, setStages, searchObject, onClick, page } = props;
 
@@ -48,6 +50,7 @@ function SearchAndSubmit(props) {
     if (previousSearchId) {
       searchObjectCopy.previousRoleSearchRequestId = previousSearchId;
     }
+    const searchingBegin = Date.now();
     searchRoles(searchObjectCopy)
       .then((res) => {
         const name = _.get(res, "data.name");
@@ -63,8 +66,13 @@ function SearchAndSubmit(props) {
         console.error(err);
       })
       .finally(() => {
-        setCurrentStage(2, stages, setStages);
-        setSearchState("done");
+        _.delay(
+          () => {
+            setCurrentStage(2, stages, setStages);
+            setSearchState("done");
+          },
+          Date.now() - searchingBegin > SEARCHINGTIME ? 0 : 1500
+        );
       });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dispatch, previousSearchId, searchObject]);

src/routes/CreateNewTeam/components/SearchCard/index.jsx

@@ -19,8 +19,8 @@ function SearchCard() {
       setSearchState("state1");
       timer2 = setTimeout(() => {
         setSearchState("state2");
-      }, 800);
-    }, 800);
+      }, 500);
+    }, 500);
 
     return () => {
       clearTimeout(timer1);