diff --git a/src/components/output/CopyBox.js b/src/components/output/CopyBox.js index 47cd2944..247cbc36 100644 --- a/src/components/output/CopyBox.js +++ b/src/components/output/CopyBox.js @@ -15,14 +15,16 @@ export default function CopyBox({ children, editable = false, defaultRows = 10, + wrap = true, }) { const [hover, setHover] = useState(false); const [copied, setCopied] = useState(false); const borderColor = useColorModeValue("gray.200", "gray.500"); const bg = useColorModeValue("gray.50", "gray.800"); + const wrapStyle = { textWrap: wrap ? "wrap" : "nowrap" }; - const Wrapper = editable ? Editable : Box; + const Content = editable ? Editable : Box; const [text, setText] = useState( Array.isArray(children) ? children.join("") : children, @@ -33,32 +35,37 @@ export default function CopyBox({ }, [children]); return ( - setHover(true)} onMouseOut={() => setHover(false)} - position="relative" - defaultValue={text} - key={text} - onSubmit={(e) => setText(e)} > - {editable ? ( - <> - - - - ) : ( - text - )} + setText(e)} + sx={wrapStyle} + > + {editable ? ( + <> + + + + ) : ( + text + )} + {hover && ( )} - + ); } diff --git a/src/components/tool/guide/Instructions/StartInstructions.js b/src/components/tool/guide/Instructions/StartInstructions.js index 923fa647..7706bf8d 100644 --- a/src/components/tool/guide/Instructions/StartInstructions.js +++ b/src/components/tool/guide/Instructions/StartInstructions.js @@ -112,7 +112,9 @@ export function LyraStartInstructions({ textAfterLink={"."} /> - {batchJobScript.join("\n")} + + {batchJobScript.join("\n")} + You may either: @@ -175,12 +177,12 @@ export function LyraStartInstructions({ The output will look similar to the following: - + {`pbs: - Req'd Req'd Elap -Job ID Username Queue Jobname SessID NDS TSK Memory Time S Time --------------------- -------- -------- -------- ------ --- --- ------ ----- - ----- -1234567.pbs username quick job-name -- 1 4 32gb 01:00 Q --`} + Req'd Req'd Elap +Job ID Username Queue Jobname SessID NDS TSK Memory Time S Time +----------- -------- ----- -------- ------ --- --- ------ ----- - ----- +1234567.pbs username quick job-name -- 1 4 32gb 01:00 Q --`} The job status will be shown in the S column. Possible