mirror of
https://github.com/upscayl/upscayl.git
synced 2024-12-18 18:35:58 +01:00
30 lines
898 B
TypeScript
30 lines
898 B
TypeScript
|
import React from "react";
|
||
|
|
|
||
|
|
type LogAreaProps = {
|
||
|
|
copyOnClickHandler: () => void;
|
||
|
|
isCopied: boolean;
|
||
|
|
logData: string[];
|
||
|
|
};
|
||
|
|
|
||
|
|
export function LogArea({ copyOnClickHandler, isCopied, logData }) {
|
||
|
|
return (
|
||
|
|
<div className="relative flex flex-col gap-2">
|
||
|
|
<button
|
||
|
|
className="btn-primary btn-xs btn absolute right-2 top-10 z-10"
|
||
|
|
onClick={copyOnClickHandler}>
|
||
|
|
{isCopied ? <span>Copied 📋</span> : <span>Copy 📋</span>}
|
||
|
|
</button>
|
||
|
|
<p className="text-sm font-medium">LOGS</p>
|
||
|
|
<code className="rounded-btn relative flex h-52 max-h-52 flex-col gap-3 overflow-y-auto break-all bg-base-200 p-4 text-xs">
|
||
|
|
{logData.length === 0 && (
|
||
|
|
<p className="text-base-content/70">No logs to show</p>
|
||
|
|
)}
|
||
|
|
|
||
|
|
{logData.map((logLine: any) => {
|
||
|
|
return <p className="">{logLine}</p>;
|
||
|
|
})}
|
||
|
|
</code>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|