watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-06 21:57:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Update table components.

Browse source
This commit is contained in:
Mike Cao 2020-10-11 01:33:26 -07:00
parent 1fcb610bdd
commit 4119e80a9a
11 changed files with 38 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/metrics/DataTable.js
View file

@ -11,10 +11,10 @@ export default function DataTable({
title,
metric,
className,
limit,
renderLabel,
height = 400,
animate = true,
virtualize = false,
}) {
const [format, setFormat] = useState(true);
const formatFunc = format ? formatLongNumber : formatNumber;
@ -30,7 +30,7 @@ export default function DataTable({
label={renderLabel ? renderLabel(row) : label}
value={value}
percent={percent}
animate={animate}
animate={animate && !virtualize}
format={formatFunc}
onClick={handleSetFormat}
/>
@ -51,13 +51,13 @@ export default function DataTable({
</div>
<div className={styles.body}>
{data?.length === 0 && <NoData />}
{limit
? data.map(row => getRow(row))
: data.length > 0 && (
<FixedSizeList height={height} itemCount={data.length} itemSize={30}>
{Row}
</FixedSizeList>
)}
{virtualize && data.length > 0 ? (
<FixedSizeList height={height} itemCount={data.length} itemSize={30}>
{Row}
</FixedSizeList>
) : (
data.map(row => getRow(row))
)}
</div>
</div>
);