IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Connections: Update redirect alert message (#61152)

Browse Source 
* fix(Alert): don't add padding to content when there is no title

* Feat(Connections): update the style and wording of the redirect alert

* fix(UI/Alert): more resilient check for has title
This commit is contained in:
Levente Balogh
2023-01-11 11:41:19 +01:00
committed by GitHub
parent 6b2394eff1
commit 8b290bba55
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/app/features/connections/components/ConnectionsRedirectNotice/ConnectionsRedirectNotice.tsx
View File

@@ -12,10 +12,11 @@ const getStyles = (theme: GrafanaTheme2) => ({
flex-direction: row;
padding: 0;
justify-content: space-between;
align-items: center;
`,
alertParagraph: css`
margin: 0 ${theme.spacing(1)} 0 0;
line-height: ${theme.spacing(theme.components.height.md)};
line-height: ${theme.spacing(theme.components.height.sm)};
color: ${theme.colors.text.primary};
`,
});
@@ -34,14 +35,14 @@ export function ConnectionsRedirectNotice({ destinationPage }: { destinationPage
const styles = useStyles2(getStyles);
return (
<Alert severity="warning" title="Data sources have a new home!">
<Alert severity="warning" title="">
<div className={styles.alertContent}>
<p className={styles.alertParagraph}>
You can discover new data sources or manage existing ones in the new Connections section, accessible from the
left-hand navigation, or click the button here.
Data sources have a new home! You can discover new data sources or manage existing ones in the new Connections
page, accessible from the lefthand nav.
</p>
<LinkButton aria-label="Link to Connections" icon="link" href={destinationLinks[destinationPage]}>
Connections
<LinkButton aria-label="Link to Connections" icon="adjust-circle" href={destinationLinks[destinationPage]}>
See data sources in Connections
</LinkButton>
</div>
</Alert>