Merge pull request #128 from flickmatch/FM-google-authentication

Added players profile page

react-fm/index.html

@@ -7,17 +7,29 @@
     <!-- https://web.dev/uses-rel-preconnect -->
     <link rel="preconnect" href="https://storage.googleapis.com" />
 
-    <link rel="icon" href="/logo.png" type="image/png" />
-    <link rel="alternate icon" href="/logo.png" type="image/png" sizes="16x16" />
-    <link rel="apple-touch-icon" href="/logo.png" sizes="180x180" />
-    <link rel="mask-icon" href="/logo.png" color="#FFFFFF" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
-    <meta name="theme-color" content="#ffffff" />
-
+    <link
+      rel="icon"
+      sizes="256x256"
+      href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/flickmatch-logo-256.png?alt=media&token=99e4f3bc-4ab0-4dec-b1a2-542d207e2905"
+      type="image/png"
+    />
+    <link rel="alternate icon" href="/logo.png" type="image/png" sizes="256x256" />
+    <link
+      rel="apple-touch-icon"
+      href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/fmappletouch-icon.png?alt=media&token=890542b4-7ee6-489e-af08-240afd99978c"
+      sizes="256x256"
+    />
+    <!-- <link rel="mask-icon" href="/logo.png" color="#FFFFFF" /> -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="theme-color" content="#111111" />
+
     <meta name="keywords" content="flickmatch, soccer, football, matchmaking, games, queues" />
-    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
 
     <!-- Start Single Page Apps for GitHub Pages -->
     <script type="text/javascript">

react-fm/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Flickmatch",
-  "short_name": "FM",
+  "short_name": "Flickmatch",
   "description": "Find a football game near you!⚽",
   "theme_color": "#ffffff",
   "icons": [

react-fm/package.json

@@ -24,6 +24,10 @@
     "@mui/material": "^5.10.6",
     "@mui/system": "^5.10.6",
     "@mui/utils": "^5.10.6",
+    "@react-oauth/google": "^0.12.1",
+    "@types/gapi.client": "^1.0.8",
+    "axios": "^1.6.5",
+    "gapi-client": "^0.0.3",
     "is-mobile": "^3.1.1",
     "lodash": "^4.17.21",
     "notistack": "^2.0.5",