minor fixes to billing page and trial banner (#1648)

pull/1649/head^2
Peer Richelsen 2022-01-29 13:48:15 +00:00 committed by GitHub
parent a8d2cf0b58
commit b616d36fcc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 3 deletions

View File

@ -23,7 +23,7 @@ const TrialBanner = () => {
data-testid="trial-banner">
<div className="mb-2 text-left">{t("trial_days_left", { days: trialDaysLeft })}</div>
<Button
href="/api/upgrade"
href="/settings/billing"
color="minimal"
className="justify-center w-full border-2 border-gray-600 hover:bg-yellow-100">
{t("upgrade_now")}

View File

@ -1,5 +1,6 @@
import { ExternalLinkIcon } from "@heroicons/react/solid";
import { ReactNode } from "react";
import { useIntercom } from "react-use-intercom";
import { useLocale } from "@lib/hooks/useLocale";
@ -24,6 +25,7 @@ export default function Billing() {
const { t } = useLocale();
const query = useMeQuery();
const { data } = query;
const { boot, show } = useIntercom();
return (
<Shell heading={t("billing")} subtitle={t("manage_your_billing_info")}>
@ -44,7 +46,7 @@ export default function Billing() {
<Card title={t("view_and_manage_billing_details")} description={t("view_and_edit_billing_details")}>
<form method="POST" action={`/api/integrations/stripepayment/portal`}>
<Button type="submit">
<Button type="submit" color="secondary">
{t("go_to_billing_portal")} <ExternalLinkIcon className="w-4 h-4 ml-1" />
</Button>
</form>
@ -56,7 +58,12 @@ export default function Billing() {
<p>{t("further_billing_help")}</p>
</div>
<div className="mt-5">
<Button href="mailto:help@cal.com" color="secondary" type="submit">
<Button
onClick={() => {
boot();
show();
}}
color="secondary">
{t("contact_our_support_team")}
</Button>
</div>