From ca42748590536e1d940b44ec7c9b6ea402905707 Mon Sep 17 00:00:00 2001
From: Hannah <hannahblair@users.noreply.github.com>
Date: Thu, 21 Mar 2024 15:12:34 +0000
Subject: [PATCH] Ensure `paginate` updates when samples value changes in
 `Dataset` (#7761)

* ensure paginate updates when samples value changes

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
---
 .changeset/young-ants-build.md |  6 ++++++
 js/dataset/Index.svelte        | 26 ++++++++++++++------------
 2 files changed, 20 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/young-ants-build.md

diff --git a/.changeset/young-ants-build.md b/.changeset/young-ants-build.md
new file mode 100644
index 0000000000..4cbdcfd328
--- /dev/null
+++ b/.changeset/young-ants-build.md
@@ -0,0 +1,6 @@
+---
+"@gradio/dataset": patch
+"gradio": patch
+---
+
+fix:Ensure `paginate` updates when samples value changes in `Dataset`
diff --git a/js/dataset/Index.svelte b/js/dataset/Index.svelte
index edbf9da163..b26ea5dcba 100644
--- a/js/dataset/Index.svelte
+++ b/js/dataset/Index.svelte
@@ -51,6 +51,7 @@
 	}
 
 	$: {
+		paginate = samples.length > samples_per_page;
 		if (paginate) {
 			visible_pages = [];
 			selected_samples = samples.slice(
@@ -83,18 +84,19 @@
 
 	async function get_component_meta(selected_samples: any[][]): Promise<void> {
 		component_meta = await Promise.all(
-			selected_samples.map(
-				async (sample_row) =>
-					await Promise.all(
-						sample_row.map(async (sample_cell, j) => {
-							return {
-								value: sample_cell,
-								component: (await component_map.get(components[j]))
-									?.default as ComponentType<SvelteComponent>
-							};
-						})
-					)
-			)
+			selected_samples &&
+				selected_samples.map(
+					async (sample_row) =>
+						await Promise.all(
+							sample_row.map(async (sample_cell, j) => {
+								return {
+									value: sample_cell,
+									component: (await component_map.get(components[j]))
+										?.default as ComponentType<SvelteComponent>
+								};
+							})
+						)
+				)
 		);
 	}