From 98ce8b3b9f4a72ff8f92a8a32d2efec02680b80c Mon Sep 17 00:00:00 2001
From: Angelica Chung <angelica.ramos.91@gmail.com>
Date: Wed, 3 Aug 2022 20:00:33 -0400
Subject: [PATCH] slight tweaks to the component structure, as well as route
 names

---
 .../src/pages/dashboard/Dashboard.tsx         | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx b/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
index a6a875602c..62686df93b 100644
--- a/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
+++ b/packages/storyteller-stream/src/pages/dashboard/Dashboard.tsx
@@ -9,7 +9,8 @@ interface Props {
   sessionWrapper: SessionWrapper;
 }
 
-function Dashboard(props: Props) {
+class Dashboard extends React.Component<Props> {
+  // function Dashboard(props: Props) {
   // if (!props.sessionWrapper.isLoggedIn()) {
   //   return (
   //     <div className="container vh-100 d-flex align-items-center">
@@ -19,32 +20,33 @@ function Dashboard(props: Props) {
   //     </div>
   //   );
   // }
-
-  return (
-    <>
-      <div className="bg-gradient">
-        <div className="container vh-100">
-          <div className="p-page-top row gx-5 h-100">
-            <div className="d-none d-lg-flex col-lg-3 pb-5">
-              {/* Sidebar */}
-              <Sidebar />
-            </div>
-            <div className="col-lg-9">
-              {/* Page routes */}
-              <Switch>
-                <Route path="/">
-                  <DashboardPage />
-                </Route>
-                <Route path="/test">
-                  <Test />
-                </Route>
-              </Switch>
+  public render() {
+    return (
+      <>
+        <div className="bg-gradient">
+          <div className="container vh-100">
+            <div className="p-page-top row gx-5 h-100">
+              <div className="d-none d-lg-flex col-lg-3 pb-5">
+                {/* Sidebar */}
+                <Sidebar />
+              </div>
+              <div className="col-lg-9">
+                {/* Page routes */}
+                <Switch>
+                  <Route path="/dashboard">
+                    <DashboardPage />
+                  </Route>
+                  <Route path="/dashboard/test">
+                    <Test />
+                  </Route>
+                </Switch>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-    </>
-  );
+      </>
+    );
+  }
 }
 
 export { Dashboard };