-
Notifications
You must be signed in to change notification settings - Fork 40
/
LogView.js
38 lines (36 loc) · 1.36 KB
/
LogView.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import Heading from "./Heading"
export const LogView = ({heading, logs, size="h[100%]" }) => {
return (
<div className={`flex-col flex ${size}`}>
<Heading content={heading} />
<div className="overflow-y-auto h-full">
<ul className="border border-gray-200 p-2">
{logs.map((log, index) => (
<li key={index} className="p-2 border-b border-gray-200 text-white">
{log}
</li>
))}
</ul>
</div>
</div>
)
}
{/* </div>
<div className="h-full flex flex-col">
<Heading content={heading} />
<div className="overflow-auto flex-col h-4/6">
{
logs.length === 0 ?
<div className="font-bold text-3xl text-slate-400 text-center m-[10%] justify-center">
No Data
</div> :
logs.map(
(log,index) => (
<div key={index} className="border-b-2 text-xl h-fit p-2">
{log}
</div>
)
)
}
</div>
</div> */}