Fix Load more logic

Author: himaniraghav3

src/apps/copilots/src/pages/copilot-opportunity-list/index.tsx

@@ -103,7 +103,7 @@ const CopilotOpportunityList: FC<{}> = () => {
     const navigate = useNavigate()
 
     const {
-        data: opportunities, isValidating, size, setSize,
+        data: opportunities, hasMore, isValidating, size, setSize,
     }: CopilotOpportunitiesResponse = useCopilotOpportunities()
 
     const tableData = useMemo(() => opportunities.map(opportunity => ({
@@ -129,7 +129,7 @@ const CopilotOpportunityList: FC<{}> = () => {
             <Table
                 columns={tableColumns}
                 data={tableData}
-                moreToLoad={isValidating || opportunities.length > 0}
+                moreToLoad={hasMore}
                 onLoadMoreClick={loadMore}
                 onRowClick={handleRowClick}
                 removeDefaultSort

src/apps/copilots/src/services/copilot-opportunities.ts

@@ -29,6 +29,7 @@ function copilotOpportunityFactory(data: any): CopilotOpportunity {
 export interface CopilotOpportunitiesResponse {
     isValidating: boolean;
     data: CopilotOpportunity[];
+    hasMore: boolean,
     size: number;
     setSize: (size: number) => void;
 }
@@ -59,7 +60,10 @@ export const useCopilotOpportunities = (): CopilotOpportunitiesResponse => {
     // Flatten data array
     const opportunities = data ? data.flat() : []
 
-    return { data: opportunities, isValidating, setSize: (s: number) => { setSize(s) }, size }
+    const lastPage = data[data.length - 1] || []
+    const hasMore = lastPage.length === PAGE_SIZE
+
+    return { data: opportunities, hasMore, isValidating, setSize: (s: number) => { setSize(s) }, size }
 }
 
 export type CopilotOpportunityResponse = SWRResponse<CopilotOpportunity, CopilotOpportunity>