5de2a993a7
Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons. Approved-by: Michael Zetterberg Approved-by: Erik Tiekstra
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
"use client"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
|
|
|
|
import { trpc } from "@/lib/trpc/client"
|
|
|
|
import Button from "@/components/TempDesignSystem/Button"
|
|
import { toast } from "@/components/TempDesignSystem/Toasts"
|
|
|
|
export default function DeleteCreditCardButton({
|
|
creditCardId,
|
|
}: {
|
|
creditCardId: string
|
|
}) {
|
|
const intl = useIntl()
|
|
const trpcUtils = trpc.useUtils()
|
|
|
|
const deleteCreditCardMutation = trpc.user.creditCard.delete.useMutation({
|
|
onSuccess() {
|
|
trpcUtils.user.creditCards.invalidate()
|
|
toast.success(
|
|
intl.formatMessage({ id: "Credit card deleted successfully" })
|
|
)
|
|
},
|
|
onError() {
|
|
toast.error(
|
|
intl.formatMessage({
|
|
id: "Failed to delete credit card, please try again later.",
|
|
})
|
|
)
|
|
},
|
|
})
|
|
async function handleDelete() {
|
|
deleteCreditCardMutation.mutate({ creditCardId })
|
|
}
|
|
return (
|
|
<Button variant="icon" theme="base" intent="text" onClick={handleDelete}>
|
|
<MaterialIcon icon="remove" color="CurrentColor" />
|
|
</Button>
|
|
)
|
|
}
|