QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 21:00:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: billing page in dashboard and setup.

Browse Source
This commit is contained in:
a.bouhuolia
2021-01-31 13:16:01 +02:00
parent 732c3bbfd7
commit e093be0663
60 changed files with 1505 additions and 1073 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/containers/Subscriptions/SubscriptionTabs.js
View File

@@ -1,16 +1,18 @@
import React, { useState } from 'react';
import React from 'react';
import { Tabs, Tab } from '@blueprintjs/core';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { useIntl } from 'react-intl';
import BillingTab from './BillingTab';
import LicenseTab from './LicenseTab';
export const MeteredBillingTabs = ({ formik }) => {
const [animate, setAnimate] = useState(true);
/**
* Master billing tabs.
*/
export const MasterBillingTabs = ({ formik }) => {
const { formatMessage } = useIntl();
return (
<div>
<Tabs animate={animate} large={true}>
<Tabs animate={true} large={true}>
<Tab
title={formatMessage({ id: 'billing' })}
id={'billing'}
@@ -20,23 +22,24 @@ export const MeteredBillingTabs = ({ formik }) => {
title={formatMessage({ id: 'usage' })}
id={'usage'}
disabled={true}
// panel={'Usage'}
/>
</Tabs>
</div>
);
};
/**
* Payment methods tabs.
*/
export const PaymentMethodTabs = ({ formik }) => {
const [animate, setAnimate] = useState(true);
const { formatMessage } = useIntl();
return (
<div>
<Tabs animate={animate} large={true}>
<Tabs animate={true} large={true}>
<Tab
title={formatMessage({ id: 'license' })}
id={'license'}
title={formatMessage({ id: 'voucher' })}
id={'voucher'}
panel={<LicenseTab formik={formik} />}
/>
<Tab