fix: text formatting issues and upgrade button style updates (#4141)

This commit is contained in:
Yunus M 2023-12-05 11:15:08 +05:30 committed by GitHub
parent fc5f0fbf9e
commit bb09c84679
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 4 deletions

View File

@ -8,5 +8,18 @@
.upgrade-link { .upgrade-link {
padding: 0px; padding: 0px;
padding-right: 4px; padding-right: 4px;
display: inline !important;
color: white; color: white;
text-decoration: underline;
text-decoration-color: white;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
&:hover {
color: white;
text-decoration: underline;
text-decoration-color: white;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
} }

View File

@ -1,3 +1,6 @@
/* eslint-disable jsx-a11y/no-static-element-interactions */
/* eslint-disable jsx-a11y/anchor-is-valid */
/* eslint-disable jsx-a11y/click-events-have-key-events */
import './Header.styles.scss'; import './Header.styles.scss';
import { import {
@ -135,16 +138,17 @@ function HeaderContainer(): JSX.Element {
<> <>
{showTrialExpiryBanner && ( {showTrialExpiryBanner && (
<div className="trial-expiry-banner"> <div className="trial-expiry-banner">
You are in free trial period. Your free trial will end on You are in free trial period. Your free trial will end on{' '}
<span> <span>
{getFormattedDate(licenseData?.payload?.trialEnd || Date.now())}. {getFormattedDate(licenseData?.payload?.trialEnd || Date.now())}.
</span> </span>
{role === 'ADMIN' ? ( {role === 'ADMIN' ? (
<span> <span>
Please {' '}
<Button className="upgrade-link" type="link" onClick={handleUpgrade}> Please{' '}
<a className="upgrade-link" onClick={handleUpgrade}>
upgrade upgrade
</Button> </a>
to continue using SigNoz features. to continue using SigNoz features.
</span> </span>
) : ( ) : (