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

A JupyterLab extension for submitting and viewing jobs.

import React, { useState } from 'react';
import { useSelector } from 'react-redux';
import { EMPTY_FIELD_CHAR } from '../constants';
import { selectJobs } from '../redux/slices/jobsSlice';
import { ERRORS_JOBS_INFO } from '../templates/ErrorsJobInfoTable';
import { MdArrowDropDown, MdArrowRight } from 'react-icons/md';
export const ErrorsJobInfoTable = () => {
    // Redux
    const { selectedJob } = useSelector(selectJobs);
    // Component local state
    const [expandError, setExpandError] = useState(false);
    return (React.createElement("table", { className: 'table' },
        React.createElement("tbody", null, ERRORS_JOBS_INFO.map((field) => {
            {
                if (selectedJob['jobInfo'][field.accessor]) {
                    return React.createElement("tr", { key: field.header },
                        React.createElement("th", null, field.header),
                        React.createElement("td", null,
                            React.createElement("div", { onClick: () => setExpandError(!expandError), className: expandError ? "show-content clickable" : "hide-content clickable" },
                                expandError ? React.createElement(MdArrowDropDown, { size: 28 }) : React.createElement(MdArrowRight, { size: 28 }),
                                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));
                }
            }
        }))));
};