Newswires UI: Update pagination logic

guardian · Jan 24, 2025 · b16349f · b16349f
1 parent 6b19f70
commit b16349f
Show file tree

Hide file tree

Showing 5 changed files with 220 additions and 259 deletions.
diff --git a/newswires/client/src/Feed.tsx b/newswires/client/src/Feed.tsx
@@ -1,36 +1,35 @@
-import { EuiEmptyPrompt, EuiLoadingLogo, EuiPageTemplate } from '@elastic/eui';
-import { useSearch } from './context/SearchContext.tsx';
-import { WireItemTable } from './WireItemTable';
+import {EuiEmptyPrompt, EuiLoadingLogo, EuiPageTemplate} from '@elastic/eui';
+import {useSearch} from './context/SearchContext.tsx';
+import {WireItemTable} from './WireItemTable';
 
 export const Feed = () => {
-	const { state } = useSearch();
+    const {state} = useSearch();
 
-	const { status, queryData } = state;
+    const {status, queryData} = state;
 
-	return (
-		<EuiPageTemplate.Section>
-			{status == 'loading' && (
-				<EuiEmptyPrompt
-					icon={<EuiLoadingLogo logo="clock" size="l" />}
-					title={<h2>Loading Wires</h2>}
-				/>
-			)}
-			{(status == 'success' || status == 'offline') &&
-				queryData.results.length === 0 && (
-					<EuiEmptyPrompt
-						body={<p>Try a different search term</p>}
-						color="subdued"
-						layout="horizontal"
-						title={<h2>No results match your search criteria</h2>}
-						titleSize="s"
-					/>
-				)}
-			{(status == 'success' ||
-				status == 'offline' ||
-				status == 'loading-more') &&
-				queryData.results.length > 0 && (
-					<WireItemTable wires={queryData.results} />
-				)}
-		</EuiPageTemplate.Section>
-	);
+    return (
+        <EuiPageTemplate.Section>
+            {status == 'loading' && (
+                <EuiEmptyPrompt
+                    icon={<EuiLoadingLogo logo="clock" size="l"/>}
+                    title={<h2>Loading Wires</h2>}
+                />
+            )}
+            {(status == 'success' || status == 'offline') &&
+                queryData.results.length === 0 && (
+                    <EuiEmptyPrompt
+                        body={<p>Try a different search term</p>}
+                        color="subdued"
+                        layout="horizontal"
+                        title={<h2>No results match your search criteria</h2>}
+                        titleSize="s"
+                    />
+                )}
+            {(status == 'success' ||
+                    status == 'offline') &&
+                queryData.results.length > 0 && (
+                    <WireItemTable wires={queryData.results}/>
+                )}
+        </EuiPageTemplate.Section>
+    );
 };