status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-20 23:28:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update UptimeChart to take props from parent

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-09-15 16:08:41 +03:00
parent 1add11de03
commit 0e53d9bb78
1 changed files with 5 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/Dashboard/UptimeChart/UptimeChart.tsx
View File

@ -1,44 +1,6 @@
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'; import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
// @NOTE: XAxis for months or days // @NOTE: XAxis for months or days
const data: DataItem[] = [
{
// @NOTE: if you want to add name in the XAxis. You need to set the names here
// name: 'Jan',
pv: 1,
pa: 1,
},
{
// name: 'Feb',
pv: 0,
pa: 0
},
{
//name: 'Feb',
pv: 1,
pa: 0
},
{
//name: 'Feb',
pv: 0,
pa: 0
},
{
//name: 'Feb',
pv: 0,
pa: 0
},
{
//name: 'Feb',
pv: 1,
pa: 1
},
{
//name: 'Feb',
pv: 1,
pa: 1
},
];
interface DataItem { interface DataItem {
name?: string; name?: string;
@ -46,7 +8,11 @@ interface DataItem {
pv: number; pv: number;
} }
const UptimeChart = () => { type UptimeChartProps = {
data: DataItem[];
}
const UptimeChart = ({ data }: UptimeChartProps) => {
return ( return (
<ResponsiveContainer > <ResponsiveContainer >
<BarChart <BarChart