diff --git a/packages/jaeger-ui/src/components/App/TopNav.test.js b/packages/jaeger-ui/src/components/App/TopNav.test.js index fae9a06369..4b0c778e34 100644 --- a/packages/jaeger-ui/src/components/App/TopNav.test.js +++ b/packages/jaeger-ui/src/components/App/TopNav.test.js @@ -71,8 +71,8 @@ describe('', () => { }); describe('renders the default menu options', () => { - it('renders the "Jaeger UI" button', () => { - const items = wrapper.find(Link).findWhere(link => /Jaeger UI/.test(link.text())); + it('renders the "JAEGER UI" link', () => { + const items = wrapper.find(Link).findWhere(link => /JAEGER UI/.test(link.text())); expect(items.length).toBe(1); }); diff --git a/packages/jaeger-ui/src/components/App/TopNav.tsx b/packages/jaeger-ui/src/components/App/TopNav.tsx index ad33b4f438..04cbb2b7e6 100644 --- a/packages/jaeger-ui/src/components/App/TopNav.tsx +++ b/packages/jaeger-ui/src/components/App/TopNav.tsx @@ -101,9 +101,13 @@ export function TopNavImpl(props: Props) { const { config, router } = props; const { pathname } = router.location; const menuItems = Array.isArray(config.menu) ? config.menu : []; + return (
+ + + {menuItems.map(m => { if (isItem(m)) { return getItem(m); @@ -117,10 +121,9 @@ export function TopNavImpl(props: Props) { - Jaeger UI - - - + + JAEGER UI + {NAV_LINKS.map(({ matches, to, text }) => { const url = typeof to === 'string' ? to : to(props); diff --git a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx index 9e2cff3fe8..4bd8a384d2 100644 --- a/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx +++ b/packages/jaeger-ui/src/components/App/TraceIDSearchInput.tsx @@ -13,7 +13,7 @@ // limitations under the License. import * as React from 'react'; -import { Form, Input } from 'antd'; +import { Form, Input, Icon } from 'antd'; import { RouteComponentProps, Router as RouterHistory, withRouter } from 'react-router-dom'; import { getUrl } from '../TracePage/url'; @@ -37,7 +37,12 @@ class TraceIDSearchInput extends React.PureComponent { render() { return (
- + } + />
); } diff --git a/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap b/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap index ff09bacfa9..753a3c8bf1 100644 --- a/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap +++ b/packages/jaeger-ui/src/components/App/__snapshots__/TraceIDSearchInput.test.js.snap @@ -5,14 +5,26 @@ exports[` renders as expected 1`] = ` className="ant-form ant-form-horizontal TraceIDSearchInput--form" onSubmit={[Function]} > - + + + + + + `;