import React from "react";
import OverviewCard from "@/components/molecules/OverviewCard";
import { AreaChart } from '@tremor/react';
import { BarChart } from '@tremor/react';
import { BarList, Card } from '@tremor/react';
export default function Overview(props) {
console.log(props.saves)
const data = [
{
name: 'Node operator',
value: 456,
href: 'https://twitter.com/tremorlabs',
icon: function TwitterIcon() {
return (
);
},
},
{
name: 'Hacker',
value: 351,
href: 'https://google.com',
icon: function GoogleIcon() {
return (
);
},
},
{
name: 'Lurker',
value: 271,
href: 'https://github.com/tremorlabs/tremor',
icon: function GitHubIcon() {
return (
);
},
},
{
name: 'IFT CC',
value: 191,
href: 'https://reddit.com',
icon: function RedditIcon() {
return (
);
},
},
{
name: 'Partner',
value: 91,
href: 'https://www.youtube.com/@tremorlabs3079',
icon: function YouTubeIcon() {
return (
);
},
},
];
const dataFormatter = (number) =>
`${Intl.NumberFormat('us').format(number).toString()}`;
return (
Overview
Waku.org
}
isLoading={props.isLoading}
current={props.stats.discord}
previous={props.previous?.data?.stats?.discord}
/>
}
isLoading={props.isLoading}
current={props.stats.twitter}
previous={props.previous?.data?.stats?.twitter}
/>
}
isLoading={props.isLoading}
current={props.stats.github}
previous={props.previous?.data?.stats?.github}
/>
}
isLoading={props.isLoading}
current={props.stats.github_repos?.total?.open_issues}
previous={
props.previous?.data?.stats?.github_repos?.total?.open_issues
}
/>
);
}