be25be7bb5
feat(SW-3125): Move client trpc setup * Move client trpc to package * Client setup in partner-sas * Add todo Approved-by: Linus Flood
32 lines
689 B
TypeScript
32 lines
689 B
TypeScript
"use client"
|
|
|
|
import React from "react"
|
|
|
|
import { trpc } from "@scandic-hotels/trpc/client"
|
|
|
|
import CreditCardRow from "../CreditCardRow"
|
|
|
|
import styles from "./CreditCardList.module.css"
|
|
|
|
import type { CreditCard } from "@scandic-hotels/trpc/types/user"
|
|
|
|
export default function CreditCardList({
|
|
initialData,
|
|
}: {
|
|
initialData?: CreditCard[] | null
|
|
}) {
|
|
const creditCards = trpc.user.creditCards.useQuery(undefined, { initialData })
|
|
|
|
if (!creditCards.data || !creditCards.data.length) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<div className={styles.cardContainer}>
|
|
{creditCards.data.map((card) => (
|
|
<CreditCardRow key={card.id} card={card} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|