webview-ui/src/Periscope/NodeLogs.tsx

import { PodLogs } from "../../../src/webview-contract/webviewDefinitions/periscope";

export interface NodeLogsProps {
    node: string;
    podLogs: PodLogs[];
}

export function NodeLogs(props: NodeLogsProps) {
    return (
        <>
            <h3>{props.node} Node Logs</h3>
            {(props.podLogs || []).map((podLog) => (
                <div key={podLog.podName}>
                    <h4>{podLog.podName}</h4>
                    <pre>{podLog.logs}</pre>
                </div>
            ))}
        </>
    );
}