From e72bf10a23ecc5409132bd23f0d7b3a37e285a0c Mon Sep 17 00:00:00 2001 From: Kumaraguru <19eucs071@skcet.ac.in> Date: Thu, 7 Mar 2024 01:26:03 -0500 Subject: [PATCH 1/2] changing ui, discord token and adding graphs --- app/globals.css | 1 - app/layout.js | 1 + components/Overview.js | 202 ++- components/Router.js | 80 +- components/Timeline.js | 6 +- components/molecules/CommunityMetricsCard.js | 25 +- components/molecules/OverviewCard.js | 5 +- components/molecules/Percentage.js | 2 +- package-lock.json | 1517 +++++++++++++++++- package.json | 11 +- tailwind.config.js | 67 + yarn.lock | 1082 ++++++++++++- 12 files changed, 2862 insertions(+), 137 deletions(-) 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..1405d59 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: 'Twitter', + value: 456, + href: 'https://twitter.com/tremorlabs', + icon: function TwitterIcon() { + return ( + + ); + }, + }, + { + name: 'Google', + value: 351, + href: 'https://google.com', + icon: function GoogleIcon() { + return ( + + ); + }, + }, + { + name: 'GitHub', + value: 271, + href: 'https://github.com/tremorlabs/tremor', + icon: function GitHubIcon() { + return ( + + ); + }, + }, + { + name: 'Reddit', + value: 191, + href: 'https://reddit.com', + icon: function RedditIcon() { + return ( + + ); + }, + }, + { + name: 'Youtube', + 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 +
+