GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 18:29:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: add note on data refresh in billing (#5938)

Browse Source 
* chore: add note on data refresh in billing

* chore: add a class name and move these inline styles to the scss file

* chore: add light mode
This commit is contained in:
Vishal Sharma 2024-09-18 19:06:03 +05:30 committed by GitHub
parent 723c31f6c5
commit 0077714cb0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/container/BillingContainer/BillingContainer.styles.scss
View File

@ -50,6 +50,13 @@
align-items: center; align-items: center;
} }
} }
.billing-update-note {
text-align: left;
font-size: 13px;
color: var(--bg-vanilla-200);
margin-top: 16px;
}
} }
.ant-skeleton.ant-skeleton-element.ant-skeleton-active { .ant-skeleton.ant-skeleton-element.ant-skeleton-active {
@ -75,5 +82,9 @@
} }
} }
} }
.billing-update-note {
color: var(--bg-ink-200);
}
} }
} }

5
frontend/src/container/BillingContainer/BillingContainer.tsx
View File

@ -348,7 +348,12 @@ export default function BillingContainer(): JSX.Element {
const BillingUsageGraphCallback = useCallback( const BillingUsageGraphCallback = useCallback(
() => () =>
!isLoading && !isFetchingBillingData ? ( !isLoading && !isFetchingBillingData ? (
<>
<BillingUsageGraph data={apiResponse} billAmount={billAmount} /> <BillingUsageGraph data={apiResponse} billAmount={billAmount} />
<div className="billing-update-note">
Note: Billing metrics are updated once every 24 hours.
</div>
</>
) : ( ) : (
<Card className="empty-graph-card" bordered={false}> <Card className="empty-graph-card" bordered={false}>
<Spinner size="large" tip="Loading..." height="35vh" /> <Spinner size="large" tip="Loading..." height="35vh" />