From a55cbeb51ad30db45c0e663ec197063eb2f74dec Mon Sep 17 00:00:00 2001
From: Jon Fairbanks <fairplay89@gmail.com>
Date: Mon, 14 Oct 2024 22:42:49 -0700
Subject: [PATCH] Handle redirects w/o Nginx

---
 client/src/components/App.js               |  2 ++
 client/src/components/redirect/redirect.js | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 client/src/components/redirect/redirect.js

diff --git a/client/src/components/App.js b/client/src/components/App.js
index 479ec3e..cdd0533 100644
--- a/client/src/components/App.js
+++ b/client/src/components/App.js
@@ -5,6 +5,7 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import Header from './header/Header';
 import Home from './home/Home';
 import Footer from './footer/Footer';
+import RedirectToApi from './redirect/redirect';
 
 import './styles.css';
 
@@ -15,6 +16,7 @@ const App = () => (
         <Header />
         <Routes>
           <Route path="/" element={<Home />} />
+          <Route path="*" element={<RedirectToApi />} />
         </Routes>
         <Footer />
       </div>
diff --git a/client/src/components/redirect/redirect.js b/client/src/components/redirect/redirect.js
new file mode 100644
index 0000000..f911f72
--- /dev/null
+++ b/client/src/components/redirect/redirect.js
@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+
+function RedirectToApi() {
+  useEffect(() => {
+    const currentPath = window.location.pathname;
+
+    // If the path matches your desired pattern, redirect to the API
+    if (/^[0-9a-z!?@_-]{1,99}$/.test(currentPath.slice(1))) {
+      window.location.href = `https://yo-api.fairbanks.dev/api/link${currentPath}`;
+    } else {
+      // Handle non-matching routes, e.g., show a 404 page
+      window.location.href = '/';
+    }
+  }, []);
+
+  return <div>Yo dawg...</div>;
+}
+
+export default RedirectToApi;