All files / src/components notebook-jobs-navigation-tab.tsx

0% Statements 0/4
0% Branches 0/4
0% Functions 0/3
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                                                     
import React from 'react';
 
import { JobsPanelView } from '../notebook-jobs-panel';
 
export interface tabClickProps {
  (event: React.MouseEvent<HTMLElement, MouseEvent>, view: JobsPanelView): void;
}
 
export function NotebookJobsNavigationTab(props: {
  onClick: tabClickProps;
  id: JobsPanelView;
  title: string;
  active: boolean;
}) {
  return (
    <li
      id={props.id}
      className={
        'jp-notebook-job-navigation-tab' + (props.active ? ' active' : '')
      }
      onClick={props.active ? () => {} : e => props.onClick(e, props.id)}
    >
      {props.title}
    </li>
  );
}