@maap-jupyterlab/dps-jupyter-extension/lib/components/GeneralJobInfoTable.js

A JupyterLab extension for submitting and viewing jobs.

import React from 'react';
import { useSelector } from 'react-redux';
import { selectJobs } from '../redux/slices/jobsSlice';
import { GENERAL_JOBS_INFO } from '../templates/GeneralJobInfoTable';
import { secondsToReadableString } from '../utils/utils';
import { EMPTY_FIELD_CHAR } from '../constants';
export const GeneralJobInfoTable = () => {
    // Redux
    const { selectedJob } = useSelector(selectJobs);
    return (React.createElement("table", { className: 'table' },
        React.createElement("tbody", null, GENERAL_JOBS_INFO.map((field) => {
            {
                if (selectedJob['jobInfo'][field.accessor]) {
                    switch (field.accessor) {
                        case "duration": return React.createElement("tr", { key: field.header },
                            React.createElement("th", null, field.header),
                            React.createElement("td", null, secondsToReadableString(selectedJob['jobInfo'][field.accessor])));
                        default: return React.createElement("tr", { key: field.header },
                            React.createElement("th", null, field.header),
                            React.createElement("td", null, selectedJob['jobInfo'][field.accessor]));
                    }
                }
                else {
                    return React.createElement("tr", { key: field.header },
                        React.createElement("th", null, field.header),
                        React.createElement("td", null, EMPTY_FIELD_CHAR));
                }
            }
        }))));
};