diff --git a/src/library-authoring/components/LibraryComponents.tsx b/src/library-authoring/components/LibraryComponents.tsx
index 48288946b3..d3a60194bd 100644
--- a/src/library-authoring/components/LibraryComponents.tsx
+++ b/src/library-authoring/components/LibraryComponents.tsx
@@ -63,28 +63,24 @@ const LibraryComponents = ({
return result;
}, [blockTypesData]);
- const { showLoading, showContent } = useMemo(() => {
+
+ const a = (isFetching, isFetchingNextPage) => {
let resultShowLoading = false;
- let resultShowContent = false;
if (isFetching && !isFetchingNextPage) {
// First load; show loading but not content.
resultShowLoading = true;
- resultShowContent = false;
} else if (isFetchingNextPage) {
// Load next page; show content and loading.
resultShowLoading = true;
- resultShowContent = true;
} else if (!isFetching && !isFetchingNextPage) {
// State without loads; show content.
resultShowLoading = false;
- resultShowContent = true;
}
- return {
- showLoading: resultShowLoading,
- showContent: resultShowContent,
- };
- }, [isFetching, isFetchingNextPage]);
+ return resultShowLoading;
+ };
+
+ const showLoading = isFetching && isFetchingNextPage;
useEffect(() => {
if (variant === 'full') {
@@ -121,7 +117,7 @@ const LibraryComponents = ({
}}
hasEqualColumnHeights
>
- { showContent ? componentList.map((component) => (
+ {componentList.map((component) => (
- )) : }
+ ))}
{ showLoading && }
);