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

0% Statements 0/9
100% Branches 0/0
0% Functions 0/3
0% Lines 0/9

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 28 29 30 31 32 33 34 35 36 37                                                                         
import React from 'react';
 
import { useTranslator } from '../hooks';
import { JobsPanelView } from '../notebook-jobs-panel';
 
import {
  NotebookJobsNavigationTab,
  tabClickProps
} from './notebook-jobs-navigation-tab';
 
export function NotebookJobsNavigationTabList(props: {
  onTabClick: tabClickProps;
  views: JobsPanelView[];
  currentView: JobsPanelView;
}) {
  const trans = useTranslator('jupyterlab');
 
  const viewToTitle: { [key in JobsPanelView]: string } = {
    JobsList: trans.__('Jobs List'),
    CreateJobForm: trans.__('Create Job')
  };
 
  return (
    <ul className="jp-notebook-job-navigation">
      {props.views.map(view => (
        <NotebookJobsNavigationTab
          key={view}
          id={view}
          onClick={event => props.onTabClick(event, view)}
          title={viewToTitle[view]}
          active={view === props.currentView}
        />
      ))}
    </ul>
  );
}