72 |
73 | {this.renderRouteButton(
74 | "Add Liquidity",
75 | faDollarSign,
76 | "/liquidity",
77 | () => {
78 | this.setState({ activeLink: "/liquidity" });
79 | }
80 | )}
81 |
82 | {this.renderRouteButton(
83 | "Management",
84 | faUserShield,
85 | "/management",
86 | () => {
87 | this.setState({ activeLink: "/management" });
88 | }
89 | )}
90 |
91 | {this.renderRouteButton("Manage Keys", faKey, "/manage-keys", () =>
92 | this.setState({ activeLink: "/manage-keys" })
93 | )}
94 |
95 | {/* {this.renderRouteButton(
96 | "Admin Profile",
97 | faUserCog,
98 | "/admin-profile",
99 | () => {
100 | this.setState({ activeLink: "/admin-profile" });
101 | }
102 | )} */}
103 |
104 | {this.renderRouteButton(
105 | "Daily Stats",
106 | faCalendarDay,
107 | "/daily-stats",
108 | () => {
109 | this.setState({ activeLink: "/daily-stats" });
110 | }
111 | )}
112 |
113 | {/* {
119 | this.setState({ activeLink: "/admin-management" });
120 | }
121 | )}
122 | /> */}
123 |
124 | {this.renderRouteButton("Monitor", faChartArea, "/monitor", () => {
125 | this.setState({ activeLink: "/monitor" });
126 | })}
127 |
128 |
129 |
130 |
149 |
150 |
{
22 | handleClick();
23 | if (props.onClick) props.onClick();
24 | }}
25 | >
26 | {props.value}
27 |
28 | );
29 | }
30 |
31 | export default RouteButton;
32 |
33 | export const RedirectTo = (to) => {
34 | const history = useHistory();
35 | history.push(to);
36 | };
37 |
--------------------------------------------------------------------------------
/client/src/hooks/ScrollToTop.js:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 | import { useLocation } from "react-router-dom";
3 |
4 | export default function ScrollToTop() {
5 | const { pathname } = useLocation();
6 |
7 | useEffect(() => {
8 | window.scrollTo(0, 0);
9 | }, [pathname]);
10 |
11 | return null;
12 | }
13 |
--------------------------------------------------------------------------------
/client/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import { Provider } from "react-redux";
4 | import { BrowserRouter as Router } from "react-router-dom";
5 |
6 | import App from "./components/App";
7 | import * as serviceWorker from "./serviceWorker";
8 | import reduxStore from "./redux/store";
9 | import { createBrowserHistory } from "history";
10 | import { AppContainer } from "react-hot-loader";
11 |
12 | import "react-datepicker/dist/react-datepicker.css";
13 |
14 | const customHistory = createBrowserHistory();
15 |
16 | const store = reduxStore();
17 |
18 | ReactDOM.render(
19 |