From 88baab38ed3eb349d9192d37510f00ac9f747228 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 20 Dec 2023 18:29:36 +0100
Subject: [PATCH] added app download route

---
 src/App.js                                | 13 +++++++-
 src/Routes.js                             | 40 +++++++++++------------
 src/components/AppDownload/AppDownload.js |  9 +++++
 src/index.js                              |  6 +++-
 4 files changed, 46 insertions(+), 22 deletions(-)
 create mode 100644 src/components/AppDownload/AppDownload.js

diff --git a/src/App.js b/src/App.js
index 0442b36..850be84 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,18 @@
 import Routes from './Routes';
+import { Redirect, useLocation } from 'react-router-dom';
 
 function App() {
-    return <Routes />;
+    const {pathname} = useLocation()
+
+    return (
+        <>
+        {pathname.startsWith('/@') ? 
+        <Redirect to='/app' />
+        :
+        <Routes />
+        }
+        </>
+    );
 }
 
 export default App;
diff --git a/src/Routes.js b/src/Routes.js
index 3c46996..ee2cd33 100644
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -16,6 +16,7 @@ import UseCases from './components/UseCases';
 import Privacy from './components/Service/Privacy';
 import Terms from './components/Service/Terms';
 import FAQ from './components/FAQ/Index';
+import AppDownload from './components/AppDownload/AppDownload';
 
 function Routes() {
   const [loading, setLoading] = useState(true);
@@ -35,27 +36,26 @@ function Routes() {
         </div>
       )}
       <div className={`appie-visible ${loading === false ? 'active' : ''}`}>
-        <Router>
-          <ScrollToTop>
-            <Switch>
-              {/*<Route exact path="/" component={HomeSix} />*/}
+        <ScrollToTop>
+          <Switch>
+            {/*<Route exact path="/" component={HomeSix} />*/}
 
-              <Route exact path="/" component={HomeOne} />
-              <Route exact path="/news" component={News} />
-              <Route exact path="/blog" component={News} />
-              <Route exact path="/use-cases" component={UseCases} />
-              <Route exact path="/news/single-news" component={SingleNews} />
-              <Route exact path="/service" component={Service} />
-              <Route exact path="/terms" component={Terms} />
-              <Route exact path="/privacy" component={Privacy} />
-              <Route exact path="/about-us" component={AboutUs} />
-              <Route exact path="/contact" component={Contact} />
-              <Route exact path="/faq" component={FAQ} />
-              <Route exact path="/error" component={Error} />
-              <Route component={Error} />
-            </Switch>
-          </ScrollToTop>
-        </Router>
+            <Route exact path="/" component={HomeOne} />
+            <Route exact path="/news" component={News} />
+            <Route exact path="/blog" component={News} />
+            <Route exact path="/use-cases" component={UseCases} />
+            <Route exact path="/news/single-news" component={SingleNews} />
+            <Route exact path="/service" component={Service} />
+            <Route exact path="/terms" component={Terms} />
+            <Route exact path="/privacy" component={Privacy} />
+            <Route exact path="/about-us" component={AboutUs} />
+            <Route exact path="/contact" component={Contact} />
+            <Route exact path="/faq" component={FAQ} />
+            <Route exact path="/error" component={Error} />
+            <Route exact path="/app" component={AppDownload} />
+            <Route component={Error} />
+          </Switch>
+        </ScrollToTop>
       </div>
     </>
   );
diff --git a/src/components/AppDownload/AppDownload.js b/src/components/AppDownload/AppDownload.js
new file mode 100644
index 0000000..4b609a6
--- /dev/null
+++ b/src/components/AppDownload/AppDownload.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function AppDownload() {
+  return (
+    <div>
+        <div className='vh-100 d-flex justify-content-center align-items-center'>App Download Content Here</div>
+    </div>
+  )
+}
diff --git a/src/index.js b/src/index.js
index c432ab1..c4f0162 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { BrowserRouter as Router } from 'react-router-dom';
+
 import App from './App';
 import './assets/css/bootstrap.min.css';
 import './assets/css/custom-animated.css';
@@ -12,7 +14,9 @@ import './assets/css/style.css';
 
 ReactDOM.render(
     <React.StrictMode>
-        <App />
+        <Router>
+            <App />
+        </Router>
     </React.StrictMode>,
     document.getElementById('root')
 );
-- 
2.34.1