change logout icon

WPI-Roadmap · Jan 14, 2024 · b414841 · b414841
1 parent 8132e0e
commit b414841
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-firebase-hooks": "^5.1.1",
+        "react-icons": "^5.0.1",
         "react-joyride": "^2.7.2",
         "react-router": "^6.21.2",
         "react-router-dom": "^6.21.2",
@@ -25,7 +26,7 @@
         "web-vitals": "^2.1.4"
     },
     "scripts": {
-        "start": "react-scripts start", 
+        "start": "react-scripts start",
         "build": "CI=false react-scripts build",
         "test": "react-scripts test",
         "eject": "react-scripts eject"
@@ -54,4 +55,4 @@
             "last 1 safari version"
         ]
     }
-}
+}
diff --git a/src/components/Dashboard/Dashboard.js b/src/components/Dashboard/Dashboard.js
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 import { useNavigate } from "react-router";
 import "./Dashboard.css";
 import { Button, ConfigProvider, Dropdown, Space, Form, Input, Layout, Menu, Modal, Select, Image, theme } from "antd";
-import { DownOutlined } from '@ant-design/icons';
+import { BiLogOut } from "react-icons/bi";
 
 import Joyride from 'react-joyride';
 import {
@@ -196,14 +196,14 @@ function Dashboard() {
             return;
         }
         RequestUtils.get('/retrieve?id=' + user.uid).then((response) => response.json())
-        .then((data) => {
-            console.log(data)
-            if (data.status == 200) {
-                setSignup(false);
-            } else {
-                setSignup(true);
-            }
-        });
+            .then((data) => {
+                console.log(data)
+                if (data.status == 200) {
+                    setSignup(false);
+                } else {
+                    setSignup(true);
+                }
+            });
 
     });
 
@@ -439,7 +439,7 @@ function Dashboard() {
                                 },
                                 {
                                     key: "4",
-                                    icon: <LogoutOutlined />,
+                                    icon: <BiLogOut style={{rotate:180}} />,
                                     label: "Logout",
                                     onClick: () => {
                                         logout();
@@ -462,7 +462,9 @@ function Dashboard() {
                                 height: 0,
                             }}
                         >
+                            <Menu>
 
+                            </Menu>
                         </Header>
                         <Content
                             style={{