From 8ff1e14f03abfab00de452e3896f3f77baf2f6e0 Mon Sep 17 00:00:00 2001
From: Ayush Chadha <elegantShock3307@gmail.com>
Date: Thu, 18 Jan 2024 19:41:56 +0530
Subject: [PATCH] refractor(ui): rename GraphFooter, change font

---
 .../{GraphFooter.module.css => GraphSelector.module.css}    | 3 +++
 .../GraphFooter/{GraphFooter.tsx => GraphSelector.tsx}      | 6 +++---
 src/pages/Statistics/Statistics.tsx                         | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)
 rename src/components/GraphFooter/{GraphFooter.module.css => GraphSelector.module.css} (87%)
 rename src/components/GraphFooter/{GraphFooter.tsx => GraphSelector.tsx} (82%)

diff --git a/src/components/GraphFooter/GraphFooter.module.css b/src/components/GraphFooter/GraphSelector.module.css
similarity index 87%
rename from src/components/GraphFooter/GraphFooter.module.css
rename to src/components/GraphFooter/GraphSelector.module.css
index 615e226..23205f8 100644
--- a/src/components/GraphFooter/GraphFooter.module.css
+++ b/src/components/GraphFooter/GraphSelector.module.css
@@ -4,6 +4,7 @@
     background: #ffffff05 !important;
     font-size: 1rem;
     box-shadow: none !important;
+    font-family: monospace !important;
     align-self: end;
 }
 
@@ -14,6 +15,8 @@
     font-size: 3rem;
     text-align: center;
     border: 1px solid #ffffff50 !important;
+
+    font-family: monospace !important;
 }
 .button:hover{
     background-color: transparent !important;
diff --git a/src/components/GraphFooter/GraphFooter.tsx b/src/components/GraphFooter/GraphSelector.tsx
similarity index 82%
rename from src/components/GraphFooter/GraphFooter.tsx
rename to src/components/GraphFooter/GraphSelector.tsx
index 863b989..ce0321c 100644
--- a/src/components/GraphFooter/GraphFooter.tsx
+++ b/src/components/GraphFooter/GraphSelector.tsx
@@ -1,7 +1,7 @@
 import { ButtonGroup, Dropdown } from 'react-bootstrap';
-import styles from './GraphFooter.module.css';
+import styles from './GraphSelector.module.css';
 import DropdownMenu from 'react-bootstrap/esm/DropdownMenu';
-const GraphFooter = ({ graph, selected, setSelected }: GraphFooterProps) => {
+const GraphSelecter = ({ graph, selected, setSelected }: GraphFooterProps) => {
   return (
     <div>
       <Dropdown as={ButtonGroup} drop="down-centered">
@@ -28,4 +28,4 @@ const GraphFooter = ({ graph, selected, setSelected }: GraphFooterProps) => {
     </div>
   );
 };
-export default GraphFooter;
+export default GraphSelecter;
diff --git a/src/pages/Statistics/Statistics.tsx b/src/pages/Statistics/Statistics.tsx
index ffd94f7..d419cfe 100644
--- a/src/pages/Statistics/Statistics.tsx
+++ b/src/pages/Statistics/Statistics.tsx
@@ -13,7 +13,7 @@ import {
   Tooltip,
   Bar,
 } from 'recharts';
-import GraphFooter from '../../components/GraphFooter/GraphFooter';
+import GraphSelecter from '../../components/GraphFooter/GraphSelector';
 import { apiConfig, ApiError } from '../../api/ApiConfig';
 import { StatsApi } from '@codecharacter-2024/client';
 import { useState, useEffect } from 'react';
@@ -73,7 +73,7 @@ const Statistics = () => {
         </div>
         <div className={styles.bg}>
           <div className={styles.graphContainer}>
-            <GraphFooter
+            <GraphSelecter
               graph={titles}
               selected={selected}
               setSelected={setSelected}