extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-02-01 02:49:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

auto-hide account sparkline when no activity (#799)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-18 14:19:46 -05:00
parent 5d54b2c3ae
commit 6476d68d4f
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui100/src/AccountNode.tsx
View File

@ -9,6 +9,12 @@ import {useEffect, useState} from "react";
const AccountNode = ({ data }) => { const AccountNode = ({ data }) => {
const environmentMetrics = useMetricsStore((state) => state.environments); const environmentMetrics = useMetricsStore((state) => state.environments);
const [sparkData, setSparkData] = useState<number[]>(Array<number>(31).fill(0)); const [sparkData, setSparkData] = useState<number[]>(Array<number>(31).fill(0));
const hiddenSparkline = <></>;
const visibleSparkline = (
<Grid2 container sx={{ flexGrow: 1, p: 0.5 }}>
<SparkLineChart data={sparkData} height={30} width={100} colors={['#04adef']} />
</Grid2>
);
useEffect(() => { useEffect(() => {
let s = new Array<number>(31); let s = new Array<number>(31);
@ -32,9 +38,7 @@ const AccountNode = ({ data }) => {
<Grid2 display="flex"><AccountIcon sx={{ fontSize: 15, mr: 0.5 }}/></Grid2> <Grid2 display="flex"><AccountIcon sx={{ fontSize: 15, mr: 0.5 }}/></Grid2>
<Grid2 display="flex">{data.label}</Grid2> <Grid2 display="flex">{data.label}</Grid2>
</Grid2> </Grid2>
<Grid2 container sx={{ flexGrow: 1, p: 0.5 }}> {sparkData.find(x => x > 0) ? visibleSparkline : hiddenSparkline}
<SparkLineChart data={sparkData} height={30} width={100} colors={['#04adef']} />
</Grid2>
</> </>
); );
} }