Add banner to dashboard page.

Co-Authored-By: kialam <2293210+kialam@users.noreply.github.com>
This commit is contained in:
Kia Lam
2023-02-21 17:39:55 -08:00
committed by Hao Liu
parent 3e6e0463b9
commit 42c848b57b

View File

@@ -1,14 +1,16 @@
import React, { useCallback, useEffect, useState } from 'react'; import React, { useCallback, useEffect, useState } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { t } from '@lingui/macro'; import { t, Trans } from '@lingui/macro';
import { import {
Banner,
Card, Card,
PageSection, PageSection,
Tabs, Tabs,
Tab, Tab,
TabTitleText, TabTitleText,
} from '@patternfly/react-core'; } from '@patternfly/react-core';
import { InfoCircleIcon } from '@patternfly/react-icons';
import useRequest from 'hooks/useRequest'; import useRequest from 'hooks/useRequest';
import { DashboardAPI } from 'api'; import { DashboardAPI } from 'api';
@@ -69,6 +71,15 @@ function Dashboard() {
} }
return ( return (
<> <>
<Banner variant="info">
<Trans>
<p>
<InfoCircleIcon /> A tech preview of the new Ansible Automation
Platform user interface can be found{' '}
<a href="/ui_next/dashboard">here</a>.
</p>
</Trans>
</Banner>
<ScreenHeader <ScreenHeader
streamType="all" streamType="all"
breadcrumbConfig={{ '/home': t`Dashboard` }} breadcrumbConfig={{ '/home': t`Dashboard` }}