chore: add load more functionality, with refactored css
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
.container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
24
components/MyPages/Blocks/Stays/ShowMoreButton/index.tsx
Normal file
24
components/MyPages/Blocks/Stays/ShowMoreButton/index.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
import Button from "@/components/TempDesignSystem/Button"
|
||||
|
||||
import styles from "./button.module.css"
|
||||
|
||||
import type { ShowMoreButtonParams } from "@/types/components/myPages/myStays/button"
|
||||
|
||||
export default function ShowMoreButton({
|
||||
disabled,
|
||||
loadMoreData,
|
||||
}: ShowMoreButtonParams) {
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Button
|
||||
disabled={disabled}
|
||||
intent="primary"
|
||||
bgcolor="white"
|
||||
type="button"
|
||||
onClick={loadMoreData}
|
||||
>
|
||||
Show more
|
||||
</Button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user