public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added primary color to payment button for stripe bookings (#5638)

pull/5603/head^2
Peer Richelsen 2022-11-22 16:38:25 +00:00 committed by GitHub
parent ba5d448811
commit 16eede9bb0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/features/ee/payments/components/Payment.tsx
View File

@ -2,13 +2,12 @@ import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
import stripejs, { StripeCardElementChangeEvent, StripeElementLocale } from "@stripe/stripe-js"; import stripejs, { StripeCardElementChangeEvent, StripeElementLocale } from "@stripe/stripe-js";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { stringify } from "querystring"; import { stringify } from "querystring";
import React, { SyntheticEvent, useEffect, useState } from "react"; import { SyntheticEvent, useEffect, useState } from "react";
import { PaymentData } from "@calcom/app-store/stripepayment/lib/server"; import { PaymentData } from "@calcom/app-store/stripepayment/lib/server";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import Button from "@calcom/ui/Button"; import Button from "@calcom/ui/Button";
import { useLocale } from "@lib/hooks/useLocale";
const CARD_OPTIONS: stripejs.StripeCardElementOptions = { const CARD_OPTIONS: stripejs.StripeCardElementOptions = {
iconStyle: "solid" as const, iconStyle: "solid" as const,
classes: { classes: {
@ -105,6 +104,7 @@ export default function PaymentComponent(props: Props) {
<CardElement id="card-element" options={CARD_OPTIONS} onChange={handleChange} /> <CardElement id="card-element" options={CARD_OPTIONS} onChange={handleChange} />
<div className="mt-2 flex justify-center"> <div className="mt-2 flex justify-center">
<Button <Button
color="primary"
type="submit" type="submit"
disabled={["processing", "error"].includes(state.status)} disabled={["processing", "error"].includes(state.status)}
loading={state.status === "processing"} loading={state.status === "processing"}