diff --git a/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/RecommendationsPage.svelte b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/RecommendationsPage.svelte
index 5e53270a1d3b0..717f5a1523711 100644
--- a/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/RecommendationsPage.svelte
+++ b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/RecommendationsPage.svelte
@@ -46,7 +46,11 @@
diff --git a/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/Pagination.svelte b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/Pagination.svelte
index e1bfc4aa1b603..1bad147693dba 100644
--- a/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/Pagination.svelte
+++ b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/Pagination.svelte
@@ -2,7 +2,12 @@
import ChevronLeft from '../../../svg/chevron-left.svg';
import ChevronRight from '../../../svg/chevron-right.svg';
import { Link } from '../../../utils/router';
- import { isaData } from '../store/isa-data';
+ import PaginationArrow from './components/PaginationArrow.svelte';
+
+ export let group: string;
+ export let current: number;
+ export let total: number;
+
// "-1" is replaced by "..." when rendering the pagination
const MORE_ICON = -1;
@@ -41,28 +46,14 @@
return pagination;
}
- function nextPage() {
- if ( current < total ) {
- $isaData.query.page += 1;
- }
- }
-
- function previousPage() {
- if ( current > 1 ) {
- $isaData.query.page -= 1;
- }
- }
-
- $: current = $isaData.query.page;
- $: total = $isaData.data.total_pages;
$: pages = generatePagination( current, total );
@@ -106,7 +93,6 @@
margin: 0;
}
- button,
.jb-pagination__page,
.jb-pagination :global( a ) {
background-color: transparent;
diff --git a/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/components/PaginationArrow.svelte b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/components/PaginationArrow.svelte
new file mode 100644
index 0000000000000..1950a5a47bab0
--- /dev/null
+++ b/projects/plugins/boost/app/assets/src/js/modules/image-size-analysis/recommendations/components/PaginationArrow.svelte
@@ -0,0 +1,40 @@
+
+
+{#if inactive}
+
+{:else}
+
+
+
+{/if}
+
+
diff --git a/projects/plugins/boost/changelog/remove-state-pagination-component b/projects/plugins/boost/changelog/remove-state-pagination-component
new file mode 100644
index 0000000000000..a1a7dde3072cd
--- /dev/null
+++ b/projects/plugins/boost/changelog/remove-state-pagination-component
@@ -0,0 +1,5 @@
+Significance: patch
+Type: removed
+Comment: Removed global state from pagination component.
+
+