Na}{

File Content: `ExternalLinks.tsx`

// Copyright (c) 2019 The Jaeger Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import * as React from 'react';

import NewWindowIcon from './NewWindowIcon';

type Link = {
  text: string;
  url: string;
};

type ExternalLinksProps = {
  links: Link[];
  className?: string;
};

const LinkValue = (props: { href: string; title?: string; children?: React.ReactNode; className?: string }) => (
  <a href={props.href} title={props.title} target="_blank" rel="noopener noreferrer" className={props.className}>
    {props.children} <NewWindowIcon />
  </a>
);

export default function ExternalLinks(props: ExternalLinksProps) {
  const { links } = props;
  // TODO: handle multiple items
  return <LinkValue href={links[0].url} title={links[0].text} className={props.className} />;
}

Name	Size	Permission
BreakableText.tsx	1686 bytes	0644
CopyIcon.test.tsx	1524 bytes	0644
CopyIcon.tsx	1713 bytes	0644
ExternalLinks.tsx	1296 bytes	0644
LabeledList.tsx	2356 bytes	0644
NewWindowIcon.tsx	1281 bytes	0644
Popover.tsx	1083 bytes	0644
SearchBarInput.test.tsx	1388 bytes	0644
SearchBarInput.tsx	1420 bytes	0644
TraceName.tsx	1467 bytes	0644

File Content: ExternalLinks.tsx

File Content: `ExternalLinks.tsx`