From 8d78bb9f3fbe90bd8110f2fb7f2a495c2a745c6c Mon Sep 17 00:00:00 2001
From: Jeremy Smith <jsmith@lulu.com>
Date: Mon, 18 Mar 2024 00:05:07 +0100
Subject: [PATCH] add and update gameplay stats charts

---
 src/components/GameplayStats.tsx | 28 +++++++++++++++++-----------
 src/index.css                    |  9 ---------
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/GameplayStats.tsx b/src/components/GameplayStats.tsx
index 3b53f5e..c50951b 100644
--- a/src/components/GameplayStats.tsx
+++ b/src/components/GameplayStats.tsx
@@ -16,25 +16,34 @@ const gameplayCharts: ChartProps[] = [
     worldMap: true,
   },
   {
-    label: <span>Most Frequently Found &#10147; Country</span>,
+    label: <span>Games Won &#10147; Country</span>,
     id: "dL_AgjfdWYXRJOYJvgvP5-eLEHWsgA",
   },
   {
-    label: <span>Games Won &#10147; Category</span>,
-    id: "aPB6gfyEnAlcx83QsBlvBQpwIhw2SA",
+    label: <span>Games Forfeited &#10147; Country</span>,
+    id: "V1iav5rn8z5SS2BmfA0Aby0gjHTw_A",
   },
   {
-    label: <span>Games Won &#10147; Number of Clicks</span>,
-    id: "idoI9-65Du4mGv7geDcUHneUIgigxQ",
+    label: <span>Games Started &#10147; Category</span>,
+    id: "ikKibFYyXESGkhxAe-Kj7srThTJnGQ",
   },
   {
-    label: <span>Games Forfeited &#10147; Country</span>,
-    id: "V1iav5rn8z5SS2BmfA0Aby0gjHTw_A",
+    label: <span>Games Won &#10147; Category</span>,
+    id: "aPB6gfyEnAlcx83QsBlvBQpwIhw2SA",
   },
   {
     label: <span>Most Clicked &#10147; Geographic Feature</span>,
     id: "-B0St7MawU2Z0npNmVfnsiNLPiv4sA",
   },
+  {
+    label: <span>Average Clicks &#10147; Win</span>,
+    id: "idoI9-65Du4mGv7geDcUHneUIgigxQ",
+  },
+  {
+    label: <span>Average Clicks Per Win &#10147; Location of User</span>,
+    id: "kz1JhoC7FhxY5uMiZxv8IWZ8ruUQLw",
+    worldMap: true,
+  },
 ];
 
 const ChartWrapper: React.FC<ChartProps> = ({ label, id, worldMap }) => {
@@ -73,10 +82,7 @@ const ChartWrapper: React.FC<ChartProps> = ({ label, id, worldMap }) => {
 export const GameplayStats: React.FC = () => (
   <div className="stats-page">
     <div className="stats-menu pure-menu pure-menu-horizontal pure-menu-fixed">
-      <span className="header-title">
-        MAPSTERY <span className="arrowhead">&#10147;</span>{" "}
-        <span className="addendum">Last 30 Days</span>
-      </span>
+      <span className="header-title">MAPSTERY</span>
       <Link className="header-link" to="/">
         Play Game
       </Link>
diff --git a/src/index.css b/src/index.css
index f04d646..a18f0a4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -46,15 +46,6 @@ body {
   letter-spacing: 2px;
   padding: 0.5rem;
   font-style: italic;
-
-  .arrowhead {
-    font-weight: 400;
-    font-style: normal;
-  }
-
-  .addendum {
-    font-style: normal;
-  }
 }
 
 .header-gameplay-info {