36 lines
686 B
JavaScript
36 lines
686 B
JavaScript
import React from 'react'
|
|
|
|
function barWidth(count, all, plot) {
|
|
let maxVal = all[0][plot]
|
|
|
|
for (const val of all) {
|
|
if (val > maxVal) maxVal = val[plot]
|
|
}
|
|
|
|
return (count / maxVal) * 100
|
|
}
|
|
|
|
export default function Bar({
|
|
count,
|
|
all,
|
|
bg,
|
|
maxWidthDeduction,
|
|
children,
|
|
plot = 'visitors'
|
|
}) {
|
|
const width = barWidth(count, all, plot)
|
|
const style = maxWidthDeduction
|
|
? { maxWidth: `calc(100% - ${maxWidthDeduction})` }
|
|
: {}
|
|
|
|
return (
|
|
<div className="w-full h-full relative" style={style}>
|
|
<div
|
|
className={`absolute top-0 left-0 h-full ${bg || ''}`}
|
|
style={{ width: `${width}%` }}
|
|
></div>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|