Merge pull request #11 from Daddysboi/dev-staging

Dev staging

src/App.css

@@ -1,32 +1,22 @@
-
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700;800;900&display=swap");
 
 
+
 .paystack-button {
   cursor: pointer;
   text-align: center;
   font-size: 10px;
   letter-spacing: 0.1rem;
   text-transform: uppercase;
-  background-color: #00ff00;
+  background-color: #0fef31;
   font-weight: bold;
-  color: #ffffff;
+  color: #e0eafc;
   border: none;
   border-radius: 5px;
-  width: 5rem;
-  height: 2rem;
-  margin: 2rem 0;
-
-  transition: background-color 0.3s;
-  display: block;
-}
-
-.paystack-button:hover {
-  background-color: #00cc00;
-}
-
-.paystack-button:focus {
-  outline: none;
-}
-
-
+  width: 30%;
+  height: 30px;
+  margin-top: 10px;
+  &:hover{
+    background-color: #026712;
+  }
+}

src/App.js

@@ -16,11 +16,12 @@ import RootLayout from "./RootLayout/RootLayout";
 import SignIn from "./Pages/SignIn";
 import Error404 from "./Pages/Error404";
 import TermsAndConditions from "./Pages/TermsofService";
-import Payment from "./Components/Payment";
 import Dashboard from "./Components/Dashboard/Dashboard";
 import ForgotPassword from "./Pages/ForgotPassword";
 import ResetPassword from "./Pages/ResetPassword";
 import Otp from "./Pages/Otp";
+import ConfirmTransaction from "./Pages/ConfirmTransaction";
+import AuthGuard from "./AuthGuard";
 
 export const userContext = createContext();
 
@@ -31,17 +32,28 @@ const router = createBrowserRouter(
       <Route path="/signup" element={<SignUp />} />
       <Route path="/forgot-password" element={<ForgotPassword />} />
 
+      <Route path="/dashboard" index element={<Dashboard />} />
       <Route
         path="/reset-password/:userId/:resetString"
         element={<ResetPassword />}
       />
-      <Route path="/otp" element={<Otp />} />
-      <Route path="/dashboard" index element={<Dashboard />}></Route>
+      <Route
+        path="/otp"
+        element={
+          <AuthGuard>
+            <Otp />
+          </AuthGuard>
+        }
+      />
       <Route path="/" element={<RootLayout />}>
         <Route path="/" element={<Home />} />
+        <Route
+          path="/confirm-transaction"
+          element={<ConfirmTransaction />}
+        ></Route>
         <Route path="/privacy-policy" element={<PrivacyPolicy />} />
         <Route path="/terms-and-conditions" element={<TermsAndConditions />} />
-        <Route path="/payment" element={<Payment />} />
+
         <Route path="*" element={<Error404 />} />
       </Route>
     </Route>