fix: post loading slow

public/index.html

@@ -45,7 +45,7 @@
       };
     </script>
     <script
-      defer
+      async
       src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
       id="MathJax-script"
     ></script>
@@ -54,7 +54,7 @@
     <div id="root" class="small"></div>
 
     <!-- begin usabilla live embed code -->
-    <script defer type="text/javascript">
+    <script type="text/javascript">
       window.lightningjs ||
         (function (n) {
           var e = "lightningjs";

src/discussions/discussions-home/DiscussionsHome.jsx

@@ -124,7 +124,7 @@ export default function DiscussionsHome() {
             </Switch>
           )}
         </div>
-        {!enableInContextSidebar && <DiscussionsProductTour />}
+        <DiscussionsProductTour />
       </main>
       {!enableInContextSidebar && <Footer />}
     </DiscussionContext.Provider>

src/discussions/post-comments/data/hooks.js

@@ -2,8 +2,6 @@ import { useEffect } from 'react';
 
 import { useDispatch, useSelector } from 'react-redux';
 
-import { sendTrackEvent } from '@edx/frontend-platform/analytics';
-
 import { EndorsementStatus } from '../../../data/constants';
 import { useDispatchWithState } from '../../../data/hooks';
 import { selectThread } from '../../posts/data/selectors';
@@ -13,16 +11,6 @@ import {
 } from './selectors';
 import { fetchThreadComments } from './thunks';
 
-function trackLoadMoreEvent(postId, params) {
-  sendTrackEvent(
-    'edx.forum.responses.loadMore',
-    {
-      postId,
-      params,
-    },
-  );
-}
-
 export function usePost(postId) {
   const dispatch = useDispatch();
   const thread = useSelector(selectThread(postId));
@@ -43,15 +31,11 @@ export function usePostComments(postId, endorsed = null) {
   const hasMorePages = useSelector(selectThreadHasMorePages(postId, endorsed));
   const currentPage = useSelector(selectThreadCurrentPage(postId, endorsed));
 
-  const handleLoadMoreResponses = async () => {
-    const params = {
-      endorsed,
-      page: currentPage + 1,
-      reverseOrder,
-    };
-    await dispatch(fetchThreadComments(postId, params));
-    trackLoadMoreEvent(postId, params);
-  };
+  const handleLoadMoreResponses = async () => dispatch(fetchThreadComments(postId, {
+    endorsed,
+    page: currentPage + 1,
+    reverseOrder,
+  }));
 
   useEffect(() => {
     dispatch(fetchThreadComments(postId, {

src/discussions/posts/post-editor/PostEditor.jsx

@@ -106,7 +106,7 @@ function PostEditor({
   const nonCoursewareIds = useSelector(enableInContext ? inContextCoursewareIds : selectNonCoursewareIds);
   const coursewareTopics = useSelector(enableInContext ? inContextCourseware : selectCoursewareTopics);
   const cohorts = useSelector(selectCourseCohorts);
-  const post = useSelector(editExisting ? selectThread(postId) : () => ({}));
+  const post = useSelector(selectThread(postId));
   const userHasModerationPrivileges = useSelector(selectUserHasModerationPrivileges);
   const userIsGroupTa = useSelector(selectUserIsGroupTa);
   const settings = useSelector(selectDivisionSettings);

src/discussions/posts/post-editor/PostEditor.test.jsx

@@ -141,16 +141,6 @@ describe('PostEditor', () => {
         }
       },
     );
-    test('selectThread is not called while creating a new post', async () => {
-      const mockSelectThread = jest.fn();
-      jest.mock('../data/selectors', () => ({
-        selectThread: mockSelectThread,
-      }));
-      await renderComponent();
-      expect(mockSelectThread)
-        .not
-        .toHaveBeenCalled();
-    });
   });
 
   describe('cohorting', () => {