♻️(react) make Pagination to use new Input

The Pagination component was not using the label of new Input.
openfun · Apr 25, 2023 · 26be159 · 26be159
1 parent feea284
commit 26be159
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/slow-wolves-reflect.md 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
@@ -15,5 +15,9 @@
         display: flex;
         align-items: center;
         gap: 0.5rem;
+
+        .c__field--default {
+            width: 100px;
+        }
     }
 }
diff --git 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}