From 75fdcb7a0915e7b60869223c599731cbb087d95a Mon Sep 17 00:00:00 2001
From: Wenhao Ji <predator.ray@gmail.com>
Date: Wed, 18 Dec 2024 19:38:12 -0800
Subject: [PATCH] Refined the index page (#15)

---
 public/index.html |  3 ++-
 src/index.tsx     | 11 ++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3726e60..ab38d7c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,8 +16,9 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Mental Texas Hold'em"
+      content="A mental poker implementation of Texas Hold'em"
     />
+    <meta name="keywords" content="poker, game, texas holdem">
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/src/index.tsx b/src/index.tsx
index a843b12..ff9fb7e 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import reportWebVitals from './reportWebVitals';
 import App from "./App";
+import {Metric} from "web-vitals";
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
@@ -16,4 +17,12 @@ root.render(
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+function sendToAnalytics(metric: Metric) {
+  const { id, name, value } = metric;
+  gtag('event', name, {
+    event_category: 'Web Vitals',
+    event_label: id,
+    value: Math.round(name === 'CLS' ? value * 1000 : value), // values must be integers
+  });
+}
+reportWebVitals(sendToAnalytics);