Fix empty placeholder showing during loading

wso2 · Oct 22, 2024 · 52a7fab · 52a7fab
1 parent d54b53e
commit 52a7fab
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 24 deletions.
diff --git a/features/admin.tenants.v1/components/tenant-grid.tsx b/features/admin.tenants.v1/components/tenant-grid.tsx
@@ -21,7 +21,7 @@ import CircularProgress from "@oxygen-ui/react/CircularProgress";
 import Grid from "@oxygen-ui/react/Grid";
 import Typography from "@oxygen-ui/react/Typography";
 import { IdentifiableComponentInterface } from "@wso2is/core/models";
-import React, { FunctionComponent, ReactElement, useState } from "react";
+import React, { FunctionComponent, ReactElement } from "react";
 import { useTranslation } from "react-i18next";
 import InfiniteScroll from "react-infinite-scroll-component";
 import TenantCard from "./tenant-card";
@@ -57,18 +57,10 @@ const TenantGrid: FunctionComponent<TenantGridProps> = ({
         isInitialRenderingComplete
     } = useTenants();
 
-    const [ hasMore, setHasMore ] = useState<boolean>(true);
-
     /**
      * Handles the load more action in the infinite scroll component.
      */
     const handleLoadMore = (): void => {
-        if (tenantList?.totalResults && tenantListLimit >= tenantList.totalResults) {
-            setHasMore(false);
-
-            return;
-        }
-
         setTenantListLimit((prevLimit: number) => prevLimit + 10);
     };
 
@@ -90,20 +82,7 @@ const TenantGrid: FunctionComponent<TenantGridProps> = ({
                 dataLength={ tenantList?.totalResults ?? 0 }
                 next={ handleLoadMore }
                 hasMore={ resolveHasMore() }
-                loader={
-                    (<Box
-                        display="flex"
-                        alignContent="center"
-                        alignItems="center"
-                        justifyContent="center"
-                        flexDirection="column"
-                        gap={ 2 }
-                        className="infinite-loader"
-                    >
-                        <CircularProgress size={ 22 } className="tenant-list-item-loader" />
-                        <Typography variant="h6">{ t("common:loading") }...</Typography>
-                    </Box>)
-                }
+                loader={ null }
                 endMessage={ null }
             >
                 <WithTenantGridPlaceholders

diff --git a/features/admin.tenants.v1/components/with-tenant-grid-placeholders.tsx b/features/admin.tenants.v1/components/with-tenant-grid-placeholders.tsx
@@ -141,7 +141,7 @@ const WithTenantGridPlaceholders: FunctionComponent<WithTenantGridPlaceholdersPr
         />
     );
 
-    if (!isInitialRenderingComplete && isTenantListLoading) {
+    if (isTenantListLoading) {
         return (
             <Grid container spacing={ 3 } data-componentid={ componentId }>
                 { renderLoadingPlaceholder() }