mirror of
https://github.com/Unleash/unleash.git
synced 2025-03-27 00:19:39 +01:00
feat: invoices created date (#3250)
This commit is contained in:
parent
1782df36cc
commit
8c0411dc20
@ -162,16 +162,19 @@ export const BillingPlan: FC<IBillingPlanProps> = ({ instanceStatus }) => {
|
||||
marginBottom: theme.spacing(1.5),
|
||||
})}
|
||||
>
|
||||
<GridCol>
|
||||
<GridCol vertical>
|
||||
<Typography>
|
||||
<strong>{seats}</strong> team
|
||||
members
|
||||
<strong>Included members</strong>
|
||||
<GridColLink>
|
||||
<Link to="/admin/users">
|
||||
{freeAssigned} assigned
|
||||
{freeAssigned} of 5 assigned
|
||||
</Link>
|
||||
</GridColLink>
|
||||
</Typography>
|
||||
<StyledInfoLabel>
|
||||
You have 5 team members included in
|
||||
your PRO plan
|
||||
</StyledInfoLabel>
|
||||
</GridCol>
|
||||
<GridCol>
|
||||
<StyledCheckIcon />
|
||||
@ -183,7 +186,7 @@ export const BillingPlan: FC<IBillingPlanProps> = ({ instanceStatus }) => {
|
||||
<GridRow>
|
||||
<GridCol vertical>
|
||||
<Typography>
|
||||
Paid members
|
||||
<strong>Paid members</strong>
|
||||
<GridColLink>
|
||||
<Link to="/admin/users">
|
||||
{paidAssigned} assigned
|
||||
@ -191,9 +194,7 @@ export const BillingPlan: FC<IBillingPlanProps> = ({ instanceStatus }) => {
|
||||
</GridColLink>
|
||||
</Typography>
|
||||
<StyledInfoLabel>
|
||||
Add up to 15 extra paid members - $
|
||||
{price.user}
|
||||
/month per member
|
||||
$15/month per paid member
|
||||
</StyledInfoLabel>
|
||||
</GridCol>
|
||||
<GridCol>
|
||||
|
@ -37,9 +37,13 @@ const columns = [
|
||||
disableGlobalFilter: true,
|
||||
},
|
||||
{
|
||||
Header: 'Due date',
|
||||
accessor: 'dueDate',
|
||||
Cell: DateCell,
|
||||
Header: 'Created date',
|
||||
accessor: 'created',
|
||||
Cell: ({ value }: { value: number }) => {
|
||||
return (
|
||||
<DateCell value={value ? new Date(value * 1000) : undefined} />
|
||||
);
|
||||
},
|
||||
sortType: 'date',
|
||||
disableGlobalFilter: true,
|
||||
},
|
||||
@ -69,7 +73,7 @@ export const BillingHistory: VFC<IBillingHistoryProps> = ({
|
||||
}) => {
|
||||
const initialState = useMemo(
|
||||
() => ({
|
||||
sortBy: [{ id: 'dueDate' }],
|
||||
sortBy: [{ id: 'created' }],
|
||||
}),
|
||||
[]
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user