1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00

fix: tabs alignment (#6768)

This commit is contained in:
Mateusz Kwasniewski 2024-04-03 12:15:36 +02:00 committed by GitHub
parent 717e541003
commit e0ea257f07
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 7 deletions

View File

@ -6,7 +6,7 @@ import type { IBanner } from '../../../interfaces/banner';
export const EdgeUpgradeBanner = () => { export const EdgeUpgradeBanner = () => {
const displayUpgradeEdgeBanner = useUiFlag('displayUpgradeEdgeBanner'); const displayUpgradeEdgeBanner = useUiFlag('displayUpgradeEdgeBanner');
const upgradeEdgeBanner: IBanner = { const upgradeEdgeBanner: IBanner = {
message: `We noticed that you're using an outdated Unleash Edge. To ensure you continue to receive metrics, we recommend upgrading to v17.0.0 or later.`, message: `We noticed that an outdated Edge version is connected to this Unleash instance. To ensure you continue to receive metrics, we recommend upgrading to v17.0.0 or later.`,
link: 'https://github.com/Unleash/unleash-edge', link: 'https://github.com/Unleash/unleash-edge',
linkText: 'Get latest', linkText: 'Get latest',
variant: 'warning', variant: 'warning',

View File

@ -32,7 +32,7 @@ export const OutdatedSdksBanner = () => {
}; };
const outdatedSdksBanner: IBanner = { const outdatedSdksBanner: IBanner = {
message: `We noticed that you're using outdated SDKs. `, message: `We noticed that an outdated SDK version is connected to this Unleash instance.`,
variant: 'warning', variant: 'warning',
link: 'dialog', link: 'dialog',
linkText: 'Please update those versions', linkText: 'Please update those versions',

View File

@ -272,20 +272,23 @@ export const Project = () => {
tab.isEnterprise ? 'end' : undefined tab.isEnterprise ? 'end' : undefined
} }
icon={ icon={
<span> <>
<ConditionallyRender <ConditionallyRender
condition={Boolean(tab.new)} condition={Boolean(tab.new)}
show={ show={
<StyledBadge color='success'> // extra span to avoid badge getting color override from the overly specific parent component
Beta <span>
</StyledBadge> <StyledBadge color='success'>
Beta
</StyledBadge>
</span>
} }
/> />
{(tab.isEnterprise && {(tab.isEnterprise &&
isPro() && isPro() &&
enterpriseIcon) || enterpriseIcon) ||
undefined} undefined}
</span> </>
} }
/> />
); );