nsrb
41cca86e6e
- Updated AGENTS.md to include a `name` field for scripts, allowing custom display titles in the editor and graph. - Enhanced script icon resolution to support `.jpeg` file extensions. - Modified workflow parsing to accommodate the new `name` property for steps, improving step identification. - Added new utility functions for handling custom step names and display names. - Introduced tests to validate the functionality of custom step names in workflow YAML parsing and step labeling. Co-authored-by: Nasyarobby Putra <nasyarobby@gmail.com>
31 lines
778 B
React
31 lines
778 B
React
import { useEffect, useState } from "react";
|
|
import { TbFileTypeJs } from "react-icons/tb";
|
|
|
|
export function scriptIconSrc(name) {
|
|
return `/api/scripts/${encodeURIComponent(name)}/icon`;
|
|
}
|
|
|
|
/** Same-name PNG/JPG/JPEG next to the script, or a JS document icon. */
|
|
export function ScriptIcon({ name, hasIcon, className = "size-10" }) {
|
|
const [failed, setFailed] = useState(false);
|
|
|
|
useEffect(() => {
|
|
setFailed(false);
|
|
}, [name]);
|
|
|
|
const showFile = Boolean(name) && hasIcon !== false && !failed;
|
|
|
|
if (!showFile) {
|
|
return <TbFileTypeJs className={`${className} text-warning`} aria-hidden />;
|
|
}
|
|
|
|
return (
|
|
<img
|
|
src={scriptIconSrc(name)}
|
|
alt=""
|
|
className={`${className} object-contain`}
|
|
onError={() => setFailed(true)}
|
|
/>
|
|
);
|
|
}
|