diff --git a/package.json b/package.json index ff799c3..a0c4d04 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "react-select": "^4.1.0", "react-slick": "^0.27.13", "reactstrap": "^8.9.0", + "recharts": "^2.0.8", "redux": "^4.0.5", "redux-thunk": "^2.3.0", "slick-carousel": "^1.8.1", diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js index 6ad016a..4761afa 100644 --- a/src/layouts/MainLayout.js +++ b/src/layouts/MainLayout.js @@ -7,7 +7,7 @@ const Wrapper = styled.div``; const MainLayout = ({ children }) => { return ( - + {/* */}
{children} diff --git a/src/views/landing/components/ConsensusState.js b/src/views/landing/components/ConsensusState.js index 4264d7e..9321c5a 100644 --- a/src/views/landing/components/ConsensusState.js +++ b/src/views/landing/components/ConsensusState.js @@ -15,7 +15,8 @@ import { XAxis, YAxis, Tooltip, - ResponsiveContainer + ResponsiveContainer, + Legend } from 'recharts'; import { useDispatch, useSelector } from 'react-redux'; import { getLandingPageData } from 'src/redux/socket/actions'; @@ -87,8 +88,9 @@ z-index: 101; } `; const Graph = styled.div` - width: 100%; + width: 105%; height: 80%; + margin-left: -40px; tspan { font-family: PoppinsRegular; font-size: 12px; @@ -247,16 +249,9 @@ const ConsensusState = () => { */} - - - + + +