studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) make Pagination to use new Input

Browse Source 
The Pagination component was not using the label of new Input.
This commit is contained in:
Nathan Vasse
2023-04-14 16:39:21 +02:00
committed by NathanVss
parent feea284ec8
commit 26be159c91
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/slow-wolves-reflect.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
make Pagination use new Input

4
packages/react/src/components/Pagination/index.scss
View File

@@ -15,5 +15,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
.c__field--default {
width: 100px;
}
} }
} }

4
packages/react/src/components/Pagination/index.tsx
View File

@@ -146,9 +146,6 @@ export const Pagination = ({
/> />
</div> </div>
<div className="c__pagination__goto"> <div className="c__pagination__goto">
<div className="fs-m clr-greyscale-700">
{t("components.pagination.goto_label")}
</div>
<form <form
onSubmit={(e) => { onSubmit={(e) => {
e.preventDefault(); e.preventDefault();
@@ -157,6 +154,7 @@ export const Pagination = ({
> >
<Input <Input
type="number" type="number"
label={t("components.pagination.goto_label")}
aria-label={t("components.pagination.goto_label_aria")} aria-label={t("components.pagination.goto_label_aria")}
size={2} size={2}
value={gotoValue} value={gotoValue}