upload lambda endpoint used for transfer (#187)

client/src/api.ts

@@ -237,6 +237,7 @@ export async function fetchConfig(): Promise<Config> {
           urlVideoIdleTips
           videoRecorderMaxLength
           classifierLambdaEndpoint
+          uploadLambdaEndpoint
         }
       }
   `,
@@ -1650,22 +1651,24 @@ export async function importMentor(
   mentor: string,
   json: MentorExportJson,
   replacedMentorDataChanges: ReplacedMentorDataChanges,
-  accessToken: string
-): Promise<MentorGQL> {
-  const data = new FormData();
-  data.append(
-    "body",
-    JSON.stringify({
-      mentor: mentor,
-      mentorExportJson: json,
-      replacedMentorDataChanges: replacedMentorDataChanges,
-    })
+  accessToken: string,
+  uploadLambdaEndpoint?: string
+): Promise<void> {
+  return execHttp(
+    "POST",
+    urljoin(uploadLambdaEndpoint || UPLOAD_ENTRYPOINT, "/transfer/mentor"),
+    {
+      axiosConfig: {
+        data: JSON.stringify({
+          mentor: mentor,
+          mentorExportJson: json,
+          replacedMentorDataChanges: replacedMentorDataChanges,
+        }),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      },
+      accessToken,
+    }
   );
-  const result = await uploadRequest.post("/transfer/mentor/", data, {
-    headers: {
-      "Content-Type": "multipart/form-data",
-      Authorization: `Bearer ${accessToken}`,
-    },
-  });
-  return getDataFromAxiosResponse(result, "");
 }

client/src/components/import-export/import-in-progress.tsx

@@ -28,6 +28,7 @@ import {
 import { useWithLogin } from "store/slices/login/useWithLogin";
 import useActiveMentor from "store/slices/mentor/useActiveMentor";
 import { isImportComplete } from "hooks/graphql/use-with-import-status";
+import { navigate } from "@reach/router";
 
 const useStyles = makeStyles(() => ({
   progressIcon: {
@@ -150,6 +151,7 @@ export default function ImportInProgressDialog(props: {
   function onClose() {
     loadMentor();
     setOpen(false);
+    navigate("/");
   }
 
   return (

client/src/hooks/graphql/use-with-import-export.tsx

@@ -26,6 +26,7 @@ import { AnswerGQL, SubjectGQL, SubjectQuestionGQL } from "types-gql";
 import { useAppSelector } from "store/hooks";
 import { useWithImportStatus } from "./use-with-import-status";
 import { useWithSubjects } from "./use-with-subjects";
+import { useWithConfig } from "store/slices/config/useWithConfig";
 
 export interface UseWithImportExport {
   importedJson?: MentorExportJson;
@@ -78,6 +79,7 @@ export function useWithImportExport(): UseWithImportExport {
     []
   );
   const [oldAnswersToRemove, setOldAnswersToRemove] = useState<AnswerGQL[]>([]);
+  const { state: configState } = useWithConfig();
 
   async function onMentorExported(): Promise<void> {
     if (!mentorId || isUpdating) {
@@ -140,7 +142,8 @@ export function useWithImportExport(): UseWithImportExport {
         mentorId,
         importedJson,
         getReplacedMentorChanges(),
-        accessToken
+        accessToken,
+        configState.config?.uploadLambdaEndpoint
       )
       .then(() => {
         setImportJson(undefined);

client/src/hooks/graphql/use-with-setup.tsx

@@ -61,6 +61,7 @@ interface UseWithSetup {
   setupSteps: SetupStep[];
   idleTipsVideoUrl: string;
   classifierLambdaEndpoint: string;
+  uploadLambdaEndpoint: string;
   mentor?: Mentor;
   isEdited: boolean;
   isLoading: boolean;
@@ -258,6 +259,7 @@ export function useWithSetup(search?: { i?: string }): UseWithSetup {
     idleTipsVideoUrl: configState.config?.urlVideoIdleTips || "",
     classifierLambdaEndpoint:
       configState.config?.classifierLambdaEndpoint || "",
+    uploadLambdaEndpoint: configState.config?.uploadLambdaEndpoint || "",
     mentor: editedMentor,
     isEdited: isMentorEdited,
     isLoading: isMentorLoading,

client/src/types.ts

@@ -13,6 +13,7 @@ export interface Config {
   urlVideoIdleTips: string;
   videoRecorderMaxLength: number;
   classifierLambdaEndpoint: string;
+  uploadLambdaEndpoint: string;
 }
 
 export interface Connection<T> {

cypress/cypress/support/functions.ts

@@ -82,13 +82,15 @@ export interface Config {
   urlVideoIdleTips: string;
   videoRecorderMaxLength: number;
   classifierLambdaEndpoint: string;
+  uploadLambdaEndpoint: string;
 }
 
 export const CONFIG_DEFAULT: Config = {
   googleClientId: "fake-google-client-id",
   urlVideoIdleTips: "",
   videoRecorderMaxLength: 300,
   classifierLambdaEndpoint: "",
+  uploadLambdaEndpoint: "",
 };
 
 export function mockGQLConfig(config: Partial<Config>): MockGraphQLQuery {