2023-01-20 17:07:14 +00:00
|
|
|
import "./Index.css";
|
|
|
|
|
2023-01-27 21:10:14 +00:00
|
|
|
import { useDispatch } from "react-redux";
|
|
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
import { faRightFromBracket, faCircleDollarToSlot, faGear, faPlug, faUser } from "@fortawesome/free-solid-svg-icons";
|
|
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
|
|
|
|
|
|
import { logout } from "State/Login";
|
|
|
|
|
2023-01-20 17:07:14 +00:00
|
|
|
const SettingsIndex = () => {
|
2023-01-27 21:10:14 +00:00
|
|
|
const dispatch = useDispatch();
|
2023-01-20 17:07:14 +00:00
|
|
|
const navigate = useNavigate();
|
|
|
|
|
2023-01-27 21:10:14 +00:00
|
|
|
function handleLogout() {
|
|
|
|
dispatch(logout())
|
|
|
|
navigate("/")
|
|
|
|
}
|
|
|
|
|
2023-01-20 17:07:14 +00:00
|
|
|
return (
|
2023-01-27 21:10:14 +00:00
|
|
|
<>
|
2023-01-20 17:07:14 +00:00
|
|
|
<div className="settings-nav">
|
|
|
|
<div className="card" onClick={() => navigate("profile")}>
|
|
|
|
<FontAwesomeIcon icon={faUser} size="xl" className="mr10" />
|
|
|
|
Profile
|
|
|
|
</div>
|
|
|
|
<div className="card" onClick={() => navigate("relays")}>
|
|
|
|
<FontAwesomeIcon icon={faPlug} size="xl" className="mr10" />
|
|
|
|
Relays
|
|
|
|
</div>
|
|
|
|
<div className="card" onClick={() => navigate("preferences")}>
|
|
|
|
<FontAwesomeIcon icon={faGear} size="xl" className="mr10" />
|
|
|
|
Preferences
|
|
|
|
</div>
|
|
|
|
<div className="card" onClick={() => navigate("/donate")}>
|
|
|
|
<FontAwesomeIcon icon={faCircleDollarToSlot} size="xl" className="mr10" />
|
|
|
|
Donate
|
|
|
|
</div>
|
2023-01-27 21:10:14 +00:00
|
|
|
<div className="card" onClick={handleLogout}>
|
|
|
|
<FontAwesomeIcon icon={faRightFromBracket} size="xl" className="mr10" />
|
|
|
|
Log Out
|
|
|
|
</div>
|
2023-01-20 17:07:14 +00:00
|
|
|
</div>
|
2023-01-27 21:10:14 +00:00
|
|
|
</>
|
2023-01-20 17:07:14 +00:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default SettingsIndex;
|