Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-31 22:51:25 -05:00
Code Issues Activity

feat(console): make billing history item clickable (#4239)

Browse source
This commit is contained in:
Xiao Yijun 2023-07-25 22:58:07 +08:00 • committed by GitHub
parent 9cae293610
commit 7814f098a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/console/src/components/ItemPreview/index.tsx
View file

@ -14,9 +14,10 @@ type Props = {
to?: To;
size?: 'default' | 'compact';
suffix?: ReactNode;
toTarget?: HTMLAnchorElement['target'];
};
function ItemPreview({ title, subtitle, icon, to, size = 'default', suffix }: Props) {
function ItemPreview({ title, subtitle, icon, to, size = 'default', suffix, toTarget }: Props) {
const { getTo } = useTenantPathname();
return (
@ -28,6 +29,7 @@ function ItemPreview({ title, subtitle, icon, to, size = 'default', suffix }: Pr
<Link
className={styles.title}
to={getTo(to)}
target={toTarget}
onClick={(event) => {
event.stopPropagation();
}}

7
packages/console/src/pages/TenantSettings/BillingHistory/index.tsx
View file

@ -41,6 +41,7 @@ function BillingHistory() {
title={formatPeriod({ periodStart, periodEnd, displayYear: true })}
subtitle={conditional(planName && <PlanName name={planName} />)}
to={conditional(hostedInvoiceUrl)}
toTarget="_blank"
/>
);
},
@ -69,6 +70,12 @@ function BillingHistory() {
]}
isLoading={isLoadingInvoices}
placeholder={<EmptyDataPlaceholder />}
rowClickHandler={({ hostedInvoiceUrl }) => {
if (!hostedInvoiceUrl) {
return;
}
window.open(hostedInvoiceUrl, '_blank');
}}
/>
</div>
);