added app-store detctor for directing users to the right app store ba…

…sed on device OS, intended for when scanning an app QR Code

package.json

@@ -10,6 +10,7 @@
     "@types/node": "^16.18.3",
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.9",
+    "platform": "^1.3.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-ga": "^3.3.1",

src/App.tsx

@@ -20,6 +20,7 @@ import Solutions from "./Pages/Solutions";
 import Contact from "./Pages/Contact";
 import { Helmet } from "react-helmet";
 import Projects from "./Pages/Projects";
+import AppStoreRedirecter from "./Pages/AppStoreRedirecter";
 
 function App() {
   return (
@@ -34,6 +35,10 @@ function App() {
       </Helmet>
       <Router>
         <Routes>
+          <Route
+            path="/determine-appstore/ios/:IOS_LINK/android/:ANDROID_LINK"
+            element={<AppStoreRedirecter />}
+          />
           <Route path="/blog/post/:id" element={<BlogPost />} />
           <Route path="/login/:des" element={<Login />} />
           <Route path="/login" element={<Login />} />

src/Pages/AppStoreRedirecter.tsx

@@ -0,0 +1,33 @@
+import React, { useEffect } from "react";
+import { Routes, Route, useParams } from "react-router-dom";
+
+export default function AppStoreRedirecter() {
+  let { IOS_LINK, ANDROID_LINK } = useParams();
+  function detectMobileOS() {
+    const userAgent = navigator.userAgent;
+    if (/android/i.test(userAgent)) {
+      return "Android";
+    } else if (/iPad|iPhone|iPod/i.test(userAgent)) {
+      return "iOS";
+    } else {
+      return "Unknown";
+    }
+  }
+  useEffect(() => {
+    console.log(IOS_LINK);
+    console.log(ANDROID_LINK);
+    if (detectMobileOS() === "iOS") {
+      window.location.replace(new URL(IOS_LINK ?? ""));
+    } else if (detectMobileOS() === "Android") {
+      window.location.replace(new URL(ANDROID_LINK ?? ""));
+    } else {
+      window.location.replace(new URL("https://quinnpatwardhan.com"));
+    }
+  }, []);
+
+  return (
+    <div>
+      {IOS_LINK} - {ANDROID_LINK}
+    </div>
+  );
+}