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

A JupyterLab extension for submitting and viewing jobs.

import React from 'react';
import { useSelector } from 'react-redux';
import { selectAlgorithms } from '../redux/slices/algorithmsSlice';
import { ALGORITHM_DETAILS_BOX } from '../templates/AlgorithmDetailsBox';
export const AlgorithmDetailsBox = () => {
    // Redux
    const { selectedAlgorithm } = useSelector(selectAlgorithms);
    return (React.createElement("div", { className: "algorithm-details" },
        React.createElement("h5", null, "Algorithm Details"),
        React.createElement("hr", null),
        selectedAlgorithm ? ALGORITHM_DETAILS_BOX.map((field) => {
            if (selectedAlgorithm[field.accessor]) {
                switch (field.type) {
                    case "code": return React.createElement(React.Fragment, null,
                        React.createElement("h6", null, field.header),
                        React.createElement("code", null, selectedAlgorithm[field.accessor]));
                    case "url": return React.createElement(React.Fragment, null,
                        React.createElement("h6", null, field.header),
                        React.createElement("a", { href: field.accessor }, selectedAlgorithm[field.accessor]));
                    default: React.createElement(React.Fragment, null,
                        React.createElement("h6", null, field.header),
                        React.createElement("span", null, selectedAlgorithm[field.accessor]));
                }
            }
        }) : React.createElement("span", { className: "subtext" }, "No algorithm selected")));
};