Merge pull request #20 from Aut-Labs/playground-subpage

added helmet, added subpage, added query-buster

Author: AntGe

index.html

@@ -12,12 +12,12 @@
     />
     <meta name="author" content="Āut" />
     <link
-      href="/favicon-light.ico"
+      href="/favicon-light.ico?"
       rel="icon"
       media="(prefers-color-scheme: light)"
     />
     <link
-      href="/favicon-dark.ico"
+      href="/favicon-dark.ico?"
       rel="icon"
       media="(prefers-color-scheme: dark)"
     />

package-lock.json

@@ -54,6 +54,7 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
+    "react-helmet": "^6.1.0",
     "react-hook-form": "^7.49.3",
     "react-lines-ellipsis": "^0.15.4",
     "react-lottie-player": "^2.1.0",
@@ -72,6 +73,7 @@
     "@testing-library/jest-dom": "~6.4.1",
     "@testing-library/react": "~14.2.1",
     "@testing-library/user-event": "~14.5.2",
+    "@types/react-helmet": "^6.1.11",
     "@typescript-eslint/eslint-plugin": "^8.6.0",
     "@typescript-eslint/parser": "^8.6.0",
     "@vitejs/plugin-react": "^4.3.1",

package.json

@@ -25,7 +25,7 @@ function App() {
   const [loading, setLoading] = useState(true);
   const location = useLocation();
 
-  const isParticipationScorePage = location.pathname === "/ps";
+  const isParticipationScorePage = location.pathname === "/playground";
 
   useEffect(() => {
     if (!isParticipationScorePage) {
@@ -81,7 +81,7 @@ function App() {
         <Box sx={backgroundStyle}>
           <Suspense fallback={<AutLoading />}>
             <Routes>
-              <Route path="/ps" element={<ParticipationScore />} />
+              <Route path="/playground" element={<ParticipationScore />} />
             </Routes>
           </Suspense>
         </Box>