Ensure ending newline is displayed
This commit is contained in:
@@ -10,6 +10,7 @@ const CopiableCode = ({ code, ...rest }: { code: string } & StackProps) => {
|
|||||||
await navigator.clipboard.writeText(code);
|
await navigator.clipboard.writeText(code);
|
||||||
setCopied(true);
|
setCopied(true);
|
||||||
}, [code]);
|
}, [code]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<HStack
|
<HStack
|
||||||
backgroundColor="blackAlpha.800"
|
backgroundColor="blackAlpha.800"
|
||||||
@@ -29,6 +30,8 @@ const CopiableCode = ({ code, ...rest }: { code: string } & StackProps) => {
|
|||||||
whiteSpace="pre-wrap"
|
whiteSpace="pre-wrap"
|
||||||
>
|
>
|
||||||
{code}
|
{code}
|
||||||
|
{/* Necessary for trailing newline to actually be displayed */}
|
||||||
|
{code.endsWith("\n") ? "\n" : ""}
|
||||||
</Text>
|
</Text>
|
||||||
<Tooltip closeOnClick={false} label={copied ? "Copied!" : "Copy to clipboard"}>
|
<Tooltip closeOnClick={false} label={copied ? "Copied!" : "Copy to clipboard"}>
|
||||||
<IconButton
|
<IconButton
|
||||||
|
|||||||
Reference in New Issue
Block a user