From 18adbf1120165ecae5601d4e2321c93ac9519e29 Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Mon, 7 Oct 2024 15:22:15 -0400 Subject: [PATCH 1/6] Add files via upload --- client/src/components/Navbar/index.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/client/src/components/Navbar/index.tsx b/client/src/components/Navbar/index.tsx index d675ba9..969fb58 100644 --- a/client/src/components/Navbar/index.tsx +++ b/client/src/components/Navbar/index.tsx @@ -15,7 +15,9 @@ export default function Navbar() {
-

Greenline

+

+ greenline +

@@ -25,10 +27,12 @@ export default function Navbar() { - Markets + Glossary Chevron Down + + Link @@ -36,9 +40,12 @@ export default function Navbar() { - Markets + Resources + Chevron Down + + Link From b4514f9c67790ebf23f17c40129e59520deb7a50 Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Mon, 7 Oct 2024 15:23:14 -0400 Subject: [PATCH 2/6] Add files via upload --- client/src/app/globals.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/client/src/app/globals.css b/client/src/app/globals.css index 8a306d2..8def60d 100644 --- a/client/src/app/globals.css +++ b/client/src/app/globals.css @@ -87,5 +87,10 @@ body { } body { @apply bg-background text-foreground; + background-image: url('https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); /* Replace with your image URL */ + background-size: cover; /* Makes sure the image covers the entire background */ + background-position: center; /* Centers the image */ + background-repeat: no-repeat; /* Prevents the image from repeating */ + min-height: 100vh; /* Ensures the body takes up the full viewport height */ } } \ No newline at end of file From 92583b1089ec8bee6fa88c0495aee7237277ac42 Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Tue, 8 Oct 2024 21:15:53 -0400 Subject: [PATCH 3/6] Add files via upload --- client/src/app/globals.css | 51 ++++++++++++++------------------------ 1 file changed, 19 insertions(+), 32 deletions(-) diff --git a/client/src/app/globals.css b/client/src/app/globals.css index 8def60d..2c520df 100644 --- a/client/src/app/globals.css +++ b/client/src/app/globals.css @@ -1,31 +1,7 @@ @tailwind base; @tailwind components; @tailwind utilities; -/* -:root { - --background: #ffffff; - --foreground: #171717; -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - -body { - color: var(--foreground); - background: var(--background); - font-family: Arial, Helvetica, sans-serif; -} - -@layer utilities { - .text-balance { - text-wrap: balance; - } -} */ @layer base { :root { --background: 0 0% 100%; @@ -52,7 +28,7 @@ body { --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; - --radius: 0.5rem + --radius: 0.5rem; } .dark { --background: 240 10% 3.9%; @@ -78,19 +54,30 @@ body { --chart-2: 160 60% 45%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; - --chart-5: 340 75% 55% + --chart-5: 340 75% 55%; } } + @layer base { * { @apply border-border; } + body { @apply bg-background text-foreground; - background-image: url('https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); /* Replace with your image URL */ - background-size: cover; /* Makes sure the image covers the entire background */ - background-position: center; /* Centers the image */ - background-repeat: no-repeat; /* Prevents the image from repeating */ - min-height: 100vh; /* Ensures the body takes up the full viewport height */ + background-image: url('https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + min-height: 100vh; } -} \ No newline at end of file + + .line-chart { + height: 400px; /* Desired height */ + width: 100%; /* Full width */ + max-width: 800px; /* Optional: Limit max width */ + margin: 20px auto; /* Center it */ + position: relative; /* Ensure positioning */ + } + +} From 1e7413331d1edb3e9c4f8a975dee69570c261b9b Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Tue, 8 Oct 2024 21:17:15 -0400 Subject: [PATCH 4/6] Add files via upload --- client/src/components/Navbar/index.tsx | 87 +++++++++++++------------- 1 file changed, 45 insertions(+), 42 deletions(-) diff --git a/client/src/components/Navbar/index.tsx b/client/src/components/Navbar/index.tsx index 969fb58..4474099 100644 --- a/client/src/components/Navbar/index.tsx +++ b/client/src/components/Navbar/index.tsx @@ -2,58 +2,61 @@ import * as React from "react"; import { NavigationMenu, NavigationMenuContent, - NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, - NavigationMenuViewport, } from "@radix-ui/react-navigation-menu"; +import StockChart from '/home/zev/Desktop/greenline-Branch1-AestheticChanges/client/src/components/StockChart'; // Adjust the path if necessary -export default function Navbar() { +export default function Home() { return ( -
-
-
-

- greenline -

+
+
+
+
+

+ greenline +

+
-
- - -
- - - - - Glossary - Chevron Down - - - - - - Link - - - - - Resources - Chevron Down - - - - - - Link - - + +
+ + + + Glossary + + Chevron Down + + + + + Link + + + + + Resources + + Chevron Down + + + + + Link + + + +
+ +
- -
- + {/* Chart Container */} +
+ +
); } From 38e4cc5213e0c9bf800ca58a432f953d421af89d Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Tue, 8 Oct 2024 21:18:14 -0400 Subject: [PATCH 5/6] Add files via upload --- client/src/components/StockChart.tsx | 66 ++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 client/src/components/StockChart.tsx diff --git a/client/src/components/StockChart.tsx b/client/src/components/StockChart.tsx new file mode 100644 index 0000000..5818314 --- /dev/null +++ b/client/src/components/StockChart.tsx @@ -0,0 +1,66 @@ +"use client"; // Add this line + +import React, { useRef } from 'react'; +import { Line } from 'react-chartjs-2'; +import { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Filler } from 'chart.js'; + +ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler); + +const StockChart: React.FC = () => { + const chartRef = useRef(null); // Example usage of useRef + + const data = { + labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], + datasets: [ + { + label: 'Stock Price', + data: [65, 59, 80, 81, 56, 55, 40], + fill: false, // CHANGE TO TRUE FOR HIGHLIGHT UNDER LINE + backgroundColor: 'rgba(75, 192, 192, 0.2)', + borderColor: '#22c55e', // Set line color to green + borderWidth: 1, + }, + ], + }; + + const options = { + responsive: true, + plugins: { + legend: { + position: 'top' as const, + labels: { + color: 'white', // Set legend text color to white + }, + }, + title: { + display: true, + text: 'Stock Prices Over Time', + color: 'white', // Set title color to white + }, + }, + scales: { + x: { + ticks: { + color: 'white', // Set x-axis tick color to white + }, + }, + y: { + ticks: { + color: 'white', // Set y-axis tick color to white + }, + }, + }, + }; + + return ( +
+ +
+ ); +}; + +export default StockChart; From 98add589e6be89e29a13bad41dbbd60b047aa9df Mon Sep 17 00:00:00 2001 From: Loso <160607645+cronc002@users.noreply.github.com> Date: Tue, 8 Oct 2024 21:38:58 -0400 Subject: [PATCH 6/6] Add files via upload --- client/src/components/Navbar/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/components/Navbar/index.tsx b/client/src/components/Navbar/index.tsx index 4474099..a89ace3 100644 --- a/client/src/components/Navbar/index.tsx +++ b/client/src/components/Navbar/index.tsx @@ -7,7 +7,7 @@ import { NavigationMenuList, NavigationMenuTrigger, } from "@radix-ui/react-navigation-menu"; -import StockChart from '/home/zev/Desktop/greenline-Branch1-AestheticChanges/client/src/components/StockChart'; // Adjust the path if necessary +import StockChart from '../StockChart'; // Adjust the path if necessary export default function Home() { return (