done

Author: bhanu2006-24

src/editors/Editor.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 import { useDispatch } from 'react-redux';
 
 import * as hooks from './hooks';
+import { useEditorContext } from './EditorContext';
 
 import supportedEditors from './supportedEditors';
 import type { EditorComponent } from './EditorComponent';
@@ -13,20 +14,17 @@ export interface Props extends EditorComponent {
   blockType: string;
   blockId: string | null;
   learningContextId: string | null;
-  lmsEndpointUrl: string | null;
-  studioEndpointUrl: string | null;
 }
 
 const Editor: React.FC<Props> = ({
   learningContextId,
   blockType,
   blockId,
-  lmsEndpointUrl,
-  studioEndpointUrl,
   onClose = null,
   returnFunction = null,
 }) => {
   const dispatch = useDispatch();
+  const { lmsEndpointUrl, studioEndpointUrl } = useEditorContext();
   const loading = hooks.useInitializeApp({
     dispatch,
     data: {

src/editors/EditorContext.tsx

@@ -15,10 +15,16 @@ export interface EditorContext {
   learningContextId: string;
   /** Is the so-called "Markdown" problem editor available in this learning context? */
   isMarkdownEditorEnabledForContext: boolean;
+  /** e.g. "http://studio.local.openedx.io:8001" */
+  studioEndpointUrl?: string | null;
+  /** e.g. "http://local.openedx.io:8000" */
+  lmsEndpointUrl?: string | null;
 }
 
 export type EditorContextInit = {
   learningContextId: string;
+  studioEndpointUrl?: string | null;
+  lmsEndpointUrl?: string | null;
 };
 
 const context = React.createContext<EditorContext | undefined>(undefined);
@@ -36,17 +42,23 @@ export function useEditorContext() {
 export const EditorContextProvider: React.FC<{ children: React.ReactNode; } & EditorContextInit> = ({
   children,
   learningContextId,
+  studioEndpointUrl,
+  lmsEndpointUrl,
 }) => {
   const courseIdIfCourse = isCourseKey(learningContextId) ? learningContextId : undefined;
   const isMarkdownEditorEnabledForContext = useWaffleFlags(courseIdIfCourse).useReactMarkdownEditor;
 
   const ctx: EditorContext = React.useMemo(() => ({
     learningContextId,
     isMarkdownEditorEnabledForContext,
+    studioEndpointUrl,
+    lmsEndpointUrl,
   }), [
     // Dependencies - make sure we update the context object if any of these values change:
     learningContextId,
     isMarkdownEditorEnabledForContext,
+    studioEndpointUrl,
+    lmsEndpointUrl,
   ]);
   return <context.Provider value={ctx}>{children}</context.Provider>;
 };

src/editors/EditorPage.tsx

@@ -36,15 +36,17 @@ const EditorPage: React.FC<Props> = ({
         studioEndpointUrl,
       }}
     >
-      <EditorContextProvider learningContextId={courseId}>
+      <EditorContextProvider
+        learningContextId={courseId}
+        studioEndpointUrl={studioEndpointUrl}
+        lmsEndpointUrl={lmsEndpointUrl}
+      >
         <Editor
           {...{
             onClose,
             learningContextId: courseId,
             blockType,
             blockId,
-            lmsEndpointUrl,
-            studioEndpointUrl,
             returnFunction,
           }}
         />