feat: finish my pages overview page according to wireframe
This commit is contained in:
22
components/MyPages/Blocks/Overview/MembershipCardButton.tsx
Normal file
22
components/MyPages/Blocks/Overview/MembershipCardButton.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
"use client"
|
||||
|
||||
import Button from "@/components/TempDesignSystem/Button"
|
||||
import Image from "@/components/Image"
|
||||
|
||||
import styles from "./btn.module.css"
|
||||
|
||||
export default function MembershipCardButton() {
|
||||
function handleShowMembershipCard() {
|
||||
console.log(`Showing membership card`)
|
||||
}
|
||||
return (
|
||||
<Button
|
||||
className={styles.membershipBtn}
|
||||
onClick={handleShowMembershipCard}
|
||||
type="button"
|
||||
>
|
||||
<span>Membership Card</span>
|
||||
<Image alt="QR icon" height={20} src="/qr.svg" width={20} />
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user