From 01547730a840d701eee41b77a1ae3453e68e9467 Mon Sep 17 00:00:00 2001
From: Awais Ansari <79941147+awais-ansari@users.noreply.github.com>
Date: Wed, 4 Jan 2023 14:38:28 +0500
Subject: [PATCH] fix: inContext topics screen center issue on every loading
 (#399)

---
 src/discussions/in-context-topics/TopicsView.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/discussions/in-context-topics/TopicsView.jsx b/src/discussions/in-context-topics/TopicsView.jsx
index 1fdc5a1a..b62dc037 100644
--- a/src/discussions/in-context-topics/TopicsView.jsx
+++ b/src/discussions/in-context-topics/TopicsView.jsx
@@ -15,7 +15,7 @@ import NoResults from '../posts/NoResults';
 import { handleKeyDown } from '../utils';
 import {
   selectArchivedTopics, selectCoursewareTopics, selectFilteredTopics, selectLoadingStatus,
-  selectNonCoursewareTopics, selectTopicFilter,
+  selectNonCoursewareTopics, selectTopicFilter, selectTopics,
 } from './data/selectors';
 import { setFilter } from './data/slices';
 import { fetchCourseTopicsV3 } from './data/thunks';
@@ -68,6 +68,7 @@ function TopicsView() {
   const filteredTopics = useSelector(selectFilteredTopics);
   const loadingStatus = useSelector(selectLoadingStatus);
   const isPostsFiltered = useSelector(selectAreThreadsFiltered);
+  const topics = useSelector(selectTopics);
 
   useEffect(() => {
     if (provider) {
@@ -97,7 +98,7 @@ function TopicsView() {
       )}
       <div
         className={classNames('list-group list-group-flush flex-fill', {
-          'justify-content-center': loadingStatus === RequestStatus.IN_PROGRESS,
+          'justify-content-center': loadingStatus === RequestStatus.IN_PROGRESS && isEmpty(topics),
         })}
         role="list"
         onKeyDown={e => handleKeyDown(e)}