mirrors/urbackup_backend
2
0
Fork 0
mirror of https://github.com/uroni/urbackup_backend.git synced 2025-10-26 11:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update process speed chart to use new fluentui preview charting library

Browse Source
This commit is contained in:
Kazi 2025-01-13 16:52:59 +06:00
parent c209393aee
commit 617573e872
1 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
urbackupserver/www2/src/features/activities/ProcessSpeedChart.tsx
View File

@ -1,15 +1,9 @@
import { type IChartProps, Sparkline } from "@fluentui/react-charting";
import { Sparkline, ChartProps } from "@fluentui/react-charts-preview";
import { tokens } from "@fluentui/react-components";
import type { ProcessItem } from "../../api/urbackupserver";
import { format_speed_bpms_to_bps } from "../../utils/format";
const sparklineStyles = {
valueText: {
fill: tokens.colorNeutralForeground1,
},
};
export function ProcessSpeedChart(process: ProcessItem) {
if (process.speed_bpms === 0 && process.past_speed_bpms.length === 0) {
return "-";
@ -18,7 +12,7 @@ export function ProcessSpeedChart(process: ProcessItem) {
const legend =
process.speed_bpms > 0 ? format_speed_bpms_to_bps(process.speed_bpms) : "";
const data: IChartProps = {
const data: ChartProps = {
chartTitle: "Speed chart",
lineChartData: [
{
@ -32,5 +26,5 @@ export function ProcessSpeedChart(process: ProcessItem) {
],
};
return <Sparkline data={data} showLegend styles={sparklineStyles} />;
return <Sparkline data={data} showLegend />;
}