Revert: do not display table skeleton when table's data is refreshing (#6479)

Author: bilalabbad

frontend/app/src/entities/nodes/object/ui/object-table/object-table.tsx

@@ -16,19 +16,24 @@ export interface ObjectsTableProps {
 
 export const ObjectTable = ({ schema, permission }: ObjectsTableProps) => {
   const [filters] = useFilters();
-  const { isFetching, data, fetchNextPage, hasNextPage } = useObjects({ schema, filters });
+  const { data, fetchNextPage, hasNextPage, isPending, isFetchingNextPage } = useObjects({
+    schema,
+    filters,
+  });
 
   const columns = React.useMemo(() => {
     return [...getObjectTableColumns(schema), getObjectActionsColumn(permission)];
   }, [schema.hash]);
   const flatData = React.useMemo(() => data?.pages?.flat() ?? [], [data]);
 
+  const isLoading = isPending || isFetchingNextPage;
+
   return (
     <InfiniteScroll scrollX hasNextPage={hasNextPage} onLoadMore={fetchNextPage}>
       <DataTable
         columns={columns}
         data={flatData}
-        isLoading={isFetching}
+        isLoading={isLoading}
         renderEmpty={() => <ObjectTableEmpty schema={schema} />}
         data-testid="object-items"
       />

frontend/app/src/entities/nodes/relationships/ui/relationship-table/relationship-table.tsx

@@ -21,14 +21,15 @@ export function RelationshipTable({
   ...props
 }: RelationshipTableProps) {
   const [filters] = useFilters();
-  const { data, isFetching, fetchNextPage, hasNextPage } = useObjectRelationships({
-    relationshipSchema,
-    parentId,
-    parentKind,
-    relationshipName,
-    filters,
-    ...props,
-  });
+  const { data, fetchNextPage, hasNextPage, isPending, isFetchingNextPage } =
+    useObjectRelationships({
+      relationshipSchema,
+      parentId,
+      parentKind,
+      relationshipName,
+      filters,
+      ...props,
+    });
 
   const flatData = React.useMemo(() => data?.pages?.flat() ?? [], [data]);
 
@@ -45,12 +46,14 @@ export function RelationshipTable({
     ];
   }, [relationshipSchema.hash, flatData.length]);
 
+  const isLoading = isPending || isFetchingNextPage;
+
   return (
     <InfiniteScroll scrollX hasNextPage={hasNextPage} onLoadMore={fetchNextPage}>
       <DataTable
         columns={columns}
         data={flatData}
-        isLoading={isFetching}
+        isLoading={isLoading}
         renderEmpty={() => <ObjectTableEmpty schema={relationshipSchema} />}
       />
     </InfiniteScroll>