wait for scripts to load before requesting text responses

code-dot-org · Sep 14, 2018 · a4e1880 · a4e1880
1 parent 98f0d92
commit a4e1880
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/apps/src/templates/teacherDashboard/sections.js b/apps/src/templates/teacherDashboard/sections.js
@@ -56,17 +56,17 @@ export function renderTextResponsesTable(section, validScripts) {
   registerReducers({textResponses, scriptSelection, sectionData});
   const store = getStore();
   store.dispatch(setSection(section));
-  store.dispatch(loadValidScripts(section, validScripts));
-
-  const scriptId = store.getState().scriptSelection.scriptId;
-  store.dispatch(asyncLoadTextResponses(section.id, scriptId, () => {
-    ReactDOM.render(
-      <Provider store={store}>
-        <TextResponses sectionId={section.id}/>
-      </Provider>,
-      element
-    );
-  }));
+  store.dispatch(loadValidScripts(section, validScripts)).then(() => {
+    const scriptId = store.getState().scriptSelection.scriptId;
+    store.dispatch(asyncLoadTextResponses(section.id, scriptId, () => {
+      ReactDOM.render(
+        <Provider store={store}>
+          <TextResponses sectionId={section.id}/>
+        </Provider>,
+        element
+      );
+    }));
+  });
 }
 
 export function renderStatsTable(section) {