refractor(ui): rename GraphFooter, change font

delta · Jan 18, 2024 · 8ff1e14 · 8ff1e14
1 parent 644d744
commit 8ff1e14
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/...onents/GraphFooter/GraphFooter.module.css → ...ents/GraphFooter/GraphSelector.module.css b/...onents/GraphFooter/GraphFooter.module.css → ...ents/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 → src/components/GraphFooter/GraphSelector.tsx b/src/components/GraphFooter/GraphFooter.tsx → 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
@@ -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}