From cb733b4a7bd43c158cda7de14b8a073d87942d84 Mon Sep 17 00:00:00 2001
From: Nicholas Hebert <68243838+n-hebert@users.noreply.github.com>
Date: Sat, 27 Apr 2024 08:33:02 -0300
Subject: [PATCH 1/2] Swap English text to symbolic emojis

Contributes to the vision of #52
---
 src/components/base/ChartSupplyDemand.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/base/ChartSupplyDemand.tsx b/src/components/base/ChartSupplyDemand.tsx
index 2d5cbb1..b5488ae 100644
--- a/src/components/base/ChartSupplyDemand.tsx
+++ b/src/components/base/ChartSupplyDemand.tsx
@@ -172,7 +172,7 @@ const ChartSupplyDemand = (props: Props): JSX.Element => {
       >
         <VictoryAxis
           tickValues={[sunrise, sunset]}
-          tickFormat={["sunrise", "sunset"]}
+          tickFormat={["🌅", "🌇"]}
           tickLabelComponent={<VictoryLabel dy={-5} />}
           style={{
             axis: chartTheme.axis,

From e0e65d094f673f3975d8e098ccc4dc97d2fa63ad Mon Sep 17 00:00:00 2001
From: Nicholas Hebert <68243838+n-hebert@users.noreply.github.com>
Date: Sat, 27 Apr 2024 08:32:56 -0300
Subject: [PATCH 2/2] Add noon marker

---
 src/components/base/ChartSupplyDemand.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/base/ChartSupplyDemand.tsx b/src/components/base/ChartSupplyDemand.tsx
index b5488ae..2fa04c0 100644
--- a/src/components/base/ChartSupplyDemand.tsx
+++ b/src/components/base/ChartSupplyDemand.tsx
@@ -82,6 +82,8 @@ const ChartSupplyDemand = (props: Props): JSX.Element => {
       ).sunset;
   }
 
+  const noon = sunrise + (sunset - sunrise) / 2
+
   // BLACKOUT CALCULATION
   let blackoutCount = 0;
   const blackouts = [
@@ -165,14 +167,14 @@ const ChartSupplyDemand = (props: Props): JSX.Element => {
     <div>
       <VictoryChart
         theme={VictoryTheme.material}
-        padding={{ top: 10, bottom: 25, left: 55, right: 5 }}
+        padding={{ top: 10, bottom: 45, left: 55, right: 5 }}
         domain={{ y: [domainMin, domainMax] }}
         domainPadding={{ y: [6, 6] }}
         height={height || 300}
       >
         <VictoryAxis
-          tickValues={[sunrise, sunset]}
-          tickFormat={["🌅", "🌇"]}
+          tickValues={[sunrise, noon, sunset]}
+          tickFormat={["🌅", "☀️ ", "🌇"]}
           tickLabelComponent={<VictoryLabel dy={-5} />}
           style={{
             axis: chartTheme.axis,