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

A JupyterLab extension for submitting and viewing jobs.

import React, { useState } from 'react';
import SplitPane, { Pane } from 'split-pane-react';
import 'split-pane-react/esm/themes/default.css';
import { JobDetailsContainer } from './JobDetailsContainer';
import { JobsOverviewContainer } from './JobsOverviewContainer';
// import { JobsContainerActions } from '../redux/slices/JobsContainerSlice'
// import { useDispatch } from 'react-redux'
import { MdArrowDropUp, MdArrowDropDown } from 'react-icons/md';
export const JobsView = ({ jupyterApp }) => {
    const [sizes, setSizes] = useState([100, '5%']);
    const sash = () => {
        return React.createElement("div", { className: 'sash-resizer' },
            React.createElement(MdArrowDropUp, { className: 'sash-resizer-up', onClick: () => setSizes([0, 100]) }),
            React.createElement(MdArrowDropDown, { className: 'sash-resizer-down', onClick: () => setSizes([100, 0]) }));
    };
    return (React.createElement("div", { style: { height: '80vh' } },
        React.createElement(SplitPane, { sashRender: sash, resizerSize: 2, 
            //sashClassName='sash-resizer'
            split: 'horizontal', sizes: sizes, onChange: setSizes },
            React.createElement(Pane, { maxSize: '100%', style: { overflow: 'scroll' } },
                React.createElement(JobsOverviewContainer, { jupyterApp: jupyterApp })),
            React.createElement(Pane, { maxSize: '100%', style: { overflow: 'scroll' } },
                React.createElement(JobDetailsContainer, null)))));
};