fix: finished up tour, added className prop for RequirementsSidebar

WPI-Roadmap · Jan 13, 2024 · e52b08a · e52b08a
1 parent 210525a
commit e52b08a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Dashboard/Dashboard.js b/src/components/Dashboard/Dashboard.js
@@ -308,6 +308,11 @@ function Dashboard() {
             content: "Here you can view your profile information",
             placement: "right"
         },
+        {
+            target: ".four",
+            content: "This sidebar shows the requirements you have fulfilled so far, and you can check out each category of requirements",
+            placement: "right"
+        },
     ];
 
     const [runTour, setRunTour] = useState(false);
@@ -445,7 +450,7 @@ function Dashboard() {
                                 </>
                             )}
                         </Content>
-                        <RequirementsSidebar changeColorSchema={setColorSchema}/>
+                        <RequirementsSidebar className="four" changeColorSchema={setColorSchema}/>
                 </Layout>
                 </Layout>
                 <Modal

diff --git a/src/components/Dashboard/Requirements/Requirements.js b/src/components/Dashboard/Requirements/Requirements.js
@@ -193,15 +193,15 @@ const colors = [
 ]
 
 
-function RequirementsSidebar({changeColorSchema}) {
+function RequirementsSidebar({changeColorSchema, className=""}) {
 
     const [requirements, setRequirements] = useState(allRequirements['cs'])
 
     const setReqCategory = (category) => {
         setRequirements(allRequirements[category])
     }
     return (
-        <Sider style={{ padding: '2rem', color: "white", }}
+        <Sider className={className} style={{ padding: '2rem', color: "white", }}
             width="auto">
             <div style={{
                 display: "flex",