From 26be159c919ac438cf08c09ff8d6c99edbc191b5 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 14 Apr 2023 16:39:21 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F(react)=20make=20Pagination?=
 =?UTF-8?q?=20to=20use=20new=20Input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Pagination component was not using the label of new Input.
---
 .changeset/slow-wolves-reflect.md                   | 5 +++++
 packages/react/src/components/Pagination/index.scss | 4 ++++
 packages/react/src/components/Pagination/index.tsx  | 4 +---
 3 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/slow-wolves-reflect.md

diff --git a/.changeset/slow-wolves-reflect.md b/.changeset/slow-wolves-reflect.md
new file mode 100644
index 0000000..f1ad200
--- /dev/null
+++ b/.changeset/slow-wolves-reflect.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+make Pagination use new Input
diff --git a/packages/react/src/components/Pagination/index.scss b/packages/react/src/components/Pagination/index.scss
index c7c810a..74826ca 100644
--- a/packages/react/src/components/Pagination/index.scss
+++ b/packages/react/src/components/Pagination/index.scss
@@ -15,5 +15,9 @@
         display: flex;
         align-items: center;
         gap: 0.5rem;
+
+        .c__field--default {
+            width: 100px;
+        }
     }
 }
\ No newline at end of file
diff --git a/packages/react/src/components/Pagination/index.tsx b/packages/react/src/components/Pagination/index.tsx
index 977ff93..a171b75 100644
--- a/packages/react/src/components/Pagination/index.tsx
+++ b/packages/react/src/components/Pagination/index.tsx
@@ -146,9 +146,6 @@ export const Pagination = ({
         />
       </div>
       <div className="c__pagination__goto">
-        <div className="fs-m clr-greyscale-700">
-          {t("components.pagination.goto_label")}
-        </div>
         <form
           onSubmit={(e) => {
             e.preventDefault();
@@ -157,6 +154,7 @@ export const Pagination = ({
         >
           <Input
             type="number"
+            label={t("components.pagination.goto_label")}
             aria-label={t("components.pagination.goto_label_aria")}
             size={2}
             value={gotoValue}