🍀🦔 ↣ Integrating Magic with [HDASH-4 & HDASH-5]

client/package.json

@@ -41,6 +41,7 @@
     "react-dom": "^16.13.1",
     "react-error-boundary": "^3.1.4",
     "react-hot-toast": "^2.2.0",
+    "react-icons": "^4.6.0",
     "react-moralis": "^1.4.0",
     "react-query": "^3.39.0",
     "react-router": "^5.2.1",

client/src/App.jsx

@@ -5,7 +5,7 @@ import { LifetimeContext } from "./lib/LifetimeContext";
 import { LifetimeAccessRequestStatusContext } from "./lib/LifetimeAccessRequestStatusContext";
 
 // Import UI components
-import Home from "./components/home";
+import Home from "./components/Home";
 import PremiumContent from "./components/premium-content";
 import Login from "./components/login";
 import SignUp from "./components/signup";
@@ -14,6 +14,8 @@ import Payment from "./components/payment";
 import PaymentForm from "./components/payment-form";
 import Layout from "./components/layout";
 
+import Dashboard from "./pages/Dashboard";
+
 // Import Magic-related things
 import { magic } from "./lib/magic";
 
@@ -65,6 +67,7 @@ function App() {
                 <Route path="/signup" component={SignUp} />
                 <Route path="/login" component={Login} />
                 <Route path="/profile" component={Profile} />
+                <Route path="/dashboard" component={Dashboard} />
                 <Route
                   path="/payment"
                   render={(props) => {