diff --git a/app/globals.css b/app/globals.css index a90f074..b5c61c9 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,4 +1,3 @@ @tailwind base; @tailwind components; @tailwind utilities; - diff --git a/app/layout.js b/app/layout.js index 8147347..01a3637 100644 --- a/app/layout.js +++ b/app/layout.js @@ -1,6 +1,7 @@ import './globals.css' import { Inter } from 'next/font/google' + const inter = Inter({ subsets: ['latin'] }) export const metadata = { diff --git a/components/Overview.js b/components/Overview.js index 02ca6b8..4a62f6e 100644 --- a/components/Overview.js +++ b/components/Overview.js @@ -1,12 +1,122 @@ 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 (
Beta
Work in progress
- ++ Source + Views +
+