From 5bdca9b9315c094e9186ae439b16607246e6c87c Mon Sep 17 00:00:00 2001
From: Teto Gomez <terencio17@rocketmail.com>
Date: Mon, 18 Oct 2021 08:49:50 -0600
Subject: [PATCH 1/2] fix(webapp): fix several issues (#841)

---
 webapp/package.json                           |   1 +
 webapp/src/components/Card/index.js           |   3 +
 webapp/src/components/Card/styles.js          |   5 +-
 .../CompareTool/CompareGraphView.js           |   2 +-
 webapp/src/components/CompareTool/styles.js   |  13 ++-
 webapp/src/components/Sidebar/eosrate256.png  | Bin 12714 -> 0 bytes
 webapp/src/components/Sidebar/index.js        |  29 ++---
 webapp/src/components/Sidebar/styles.js       |  11 +-
 webapp/src/components/icon/logIcon.js         |  14 +++
 webapp/src/context/models/producers.js        |   2 +-
 webapp/src/context/state.context.js           |   9 +-
 webapp/src/index.js                           |   2 +
 webapp/src/language/en.json                   |   4 +-
 webapp/src/language/es.json                   |   2 +
 webapp/src/language/ko.json                   |   2 +
 .../BlockProducers/BlockProducerProfile.js    |   9 +-
 .../BlockProducers/BlockProducerRate.js       | 109 ++++++++++--------
 webapp/src/routes/BlockProducers/styles.js    |  25 +++-
 webapp/src/routes/Home/index.js               |   2 +
 webapp/src/routes/Proxies/index.js            |   2 +-
 webapp/src/routes/index.js                    |  38 +++---
 webapp/src/utils/modeled-bp-data.js           |   5 +-
 webapp/src/wdyr.js                            |   8 ++
 webapp/yarn.lock                              |   9 +-
 24 files changed, 192 insertions(+), 114 deletions(-)
 delete mode 100644 webapp/src/components/Sidebar/eosrate256.png
 create mode 100644 webapp/src/components/icon/logIcon.js
 create mode 100644 webapp/src/wdyr.js

diff --git a/webapp/package.json b/webapp/package.json
index 52711b02..08477251 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -95,6 +95,7 @@
     "@babel/plugin-proposal-optional-chaining": "^7.13.8",
     "@babel/preset-env": "^7.13.10",
     "@babel/preset-react": "^7.12.13",
+    "@welldone-software/why-did-you-render": "^6.2.1",
     "customize-cra": "^1.0.0",
     "env-cmd": "^10.1.0",
     "eslint": "^7.22.0",
diff --git a/webapp/src/components/Card/index.js b/webapp/src/components/Card/index.js
index 4fa13944..96178708 100644
--- a/webapp/src/components/Card/index.js
+++ b/webapp/src/components/Card/index.js
@@ -171,6 +171,7 @@ const CardData = ({
         {useRateButton && (
           <>
             <Button
+              className={classes.btn}
               aria-label='Add to comparison'
               onClick={toggleSelection(!isSelected, owner)}
               variant='outlined'
@@ -179,6 +180,7 @@ const CardData = ({
               {isSelected ? t('remove') : buttonLabel}
             </Button>
             <Button
+              className={classes.btn}
               component={forwardRef(function linkRef(props, ref) {
                 return (
                   <Link
@@ -199,6 +201,7 @@ const CardData = ({
         {!useRateButton && (
           <>
             <Button
+              className={classes.btn}
               variant='outlined'
               aria-label='Add to comparison'
               color={isSelected ? 'secondary' : 'primary'}
diff --git a/webapp/src/components/Card/styles.js b/webapp/src/components/Card/styles.js
index 5eda1a06..9ebe05a4 100644
--- a/webapp/src/components/Card/styles.js
+++ b/webapp/src/components/Card/styles.js
@@ -27,7 +27,7 @@ export default theme => ({
     background: theme.palette.surface.light
   },
   avatar: {
-    backgroundColor: theme.palette.surface.main
+    backgroundColor: `${theme.palette.surface.main} !important`
   },
   helpIcon: {
     width: '90%',
@@ -148,5 +148,8 @@ export default theme => ({
         width: '100% !important'
       }
     }
+  },
+  btn: {
+    height: 36
   }
 })
diff --git a/webapp/src/components/CompareTool/CompareGraphView.js b/webapp/src/components/CompareTool/CompareGraphView.js
index 811b9d4a..b4b46e24 100644
--- a/webapp/src/components/CompareTool/CompareGraphView.js
+++ b/webapp/src/components/CompareTool/CompareGraphView.js
@@ -134,7 +134,7 @@ const CompareGraphView = ({
       <Box className={classes.wrapperDesktop}>
         <Box className={classes.bodyModalView}>
           <Box className={classes.chartWrapper}>
-            <PolarChart data={selected.map(bp => ({ data: bp?.data?.data }))} />
+            <PolarChart data={selected.map(bp => bp?.data)} />
           </Box>
           {isProxy && selected.length > 0 && (
             <Box className={classes.proxyVote}>
diff --git a/webapp/src/components/CompareTool/styles.js b/webapp/src/components/CompareTool/styles.js
index 07537573..451f491d 100644
--- a/webapp/src/components/CompareTool/styles.js
+++ b/webapp/src/components/CompareTool/styles.js
@@ -265,7 +265,8 @@ export default theme => ({
   compareBodyListDesktop: {
     display: 'none',
     [theme.breakpoints.up('sm')]: {
-      display: 'flex'
+      display: 'flex',
+      width: '60%'
     }
   },
   compareBodyListMobile: {
@@ -279,10 +280,14 @@ export default theme => ({
     textAlign: 'center'
   },
   bodyModalView: {
+    width: '100%',
     height: '100%',
     display: 'flex',
     justifyContent: 'flex-start',
-    flexDirection: 'column'
+    flexDirection: 'column',
+    [theme.breakpoints.up('sm')]: {
+      width: '40%'
+    }
   },
   topModalView: {
     marginBottom: theme.spacing(2)
@@ -309,10 +314,10 @@ export default theme => ({
   chartWrapper: {
     width: '100%',
     '& .highcharts-container ': {
-      height: '300px !important',
+      height: '350px !important',
       width: '100% !important',
       '& > svg': {
-        marginTop: '-60px !important',
+        marginTop: '-40px !important',
         height: '400px !important',
         width: '100% !important'
       }
diff --git a/webapp/src/components/Sidebar/eosrate256.png b/webapp/src/components/Sidebar/eosrate256.png
deleted file mode 100644
index b7fc51970a578f19563c104f052f4ae72ef5975a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12714
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
U%A6_dzY=;$Q8|%vA$`C92S`bsUjP6A

diff --git a/webapp/src/components/Sidebar/index.js b/webapp/src/components/Sidebar/index.js
index ba0f4863..87cb20a1 100644
--- a/webapp/src/components/Sidebar/index.js
+++ b/webapp/src/components/Sidebar/index.js
@@ -1,6 +1,6 @@
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
-import { NavLink as RouterNavLink, useHistory } from 'react-router-dom'
+import { NavLink as RouterNavLink } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import Box from '@mui/material/Box'
 import Drawer from '@mui/material/Drawer'
@@ -10,15 +10,16 @@ import MuiListItem from '@mui/material/ListItem'
 import ListItemIcon from '@mui/material/ListItemIcon'
 import ListItemText from '@mui/material/ListItemText'
 import Typography from '@mui/material/Typography'
+import Avatar from '@mui/material/Avatar'
 import AccountIcon from '@mui/icons-material/AccountCircle'
 import { makeStyles } from '@mui/styles'
 import Scrollbar from 'react-perfect-scrollbar'
 import 'react-perfect-scrollbar/dist/css/styles.css'
 
 import { useSharedState } from '../../context/state.context'
+import LogIcon from '../../components/icon/logIcon'
 
 import styles from './styles'
-import eosrateImg from './eosrate256.png'
 
 const useStyles = makeStyles(styles)
 
@@ -81,7 +82,7 @@ ListItem.propTypes = {
 }
 
 const Sidebar = ({ routes, ...props }) => {
-  const history = useHistory()
+  const { t } = useTranslation('translations')
   const classes = useStyles()
   const [state] = useSharedState()
 
@@ -89,22 +90,16 @@ const Sidebar = ({ routes, ...props }) => {
     <Drawer {...props}>
       <Box className={classes.brand}>
         {state.user ? (
-          <>
-            <AccountIcon className={classes.icon} />
-            <Typography className={classes.welcome}>Welcome</Typography>
-            <Typography className={classes.userName}>
-              {state.user?.accountName || ''}
-            </Typography>
-          </>
+          <AccountIcon className={classes.icon} />
         ) : (
-          <img
-            alt='eos rate'
-            src={eosrateImg}
-            onClick={() => history.push('/')}
-            width={256}
-            height={75}
-          />
+          <Avatar className={classes.icon}>
+            <LogIcon />
+          </Avatar>
         )}
+        <Typography className={classes.welcome}>{t('welcome')}</Typography>
+        <Typography className={classes.userName}>
+          {state.user?.accountName || t('loginToStart')}
+        </Typography>
       </Box>
       <Divider />
       <Scrollbar className={classes.scrollbar}>
diff --git a/webapp/src/components/Sidebar/styles.js b/webapp/src/components/Sidebar/styles.js
index 95228bb8..0571507b 100644
--- a/webapp/src/components/Sidebar/styles.js
+++ b/webapp/src/components/Sidebar/styles.js
@@ -5,13 +5,7 @@ export default theme => ({
     justifyContent: 'center',
     flexDirection: 'column',
     height: 169,
-    '& img': {
-      height: 'fit-content',
-      width: '95%'
-    },
-    '& img:hover': {
-      cursor: 'pointer'
-    }
+    paddingTop: theme.spacing(5)
   },
   scrollbar: {
     backgroundColor: theme.palette.background.paper
@@ -79,7 +73,6 @@ export default theme => ({
     lineHeight: '23px',
     letterSpacing: '0.15px',
     color: 'rgba(0, 0, 0, 0.87)',
-    marginBottom: `${theme.spacing(1)} !important`,
     marginLeft: `${theme.spacing(2)} !important`
   },
   userName: {
@@ -93,6 +86,8 @@ export default theme => ({
   },
   icon: {
     fontSize: '48px !important',
+    width: '48px !important',
+    height: '48px !important',
     marginBottom: theme.spacing(2),
     marginLeft: theme.spacing(2)
   }
diff --git a/webapp/src/components/icon/logIcon.js b/webapp/src/components/icon/logIcon.js
new file mode 100644
index 00000000..a1a97116
--- /dev/null
+++ b/webapp/src/components/icon/logIcon.js
@@ -0,0 +1,14 @@
+import React from 'react'
+
+const LogIcon = () => (
+  <svg width={24} height={36} fill='none'>
+    <path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M12 0a.669.669 0 0 1 .547.276l7.626 10.498a.694.694 0 0 1 .122.274l3.689 16.98a.555.555 0 0 1 .013.084.68.68 0 0 1-.311.636l-11.324 7.149A.665.665 0 0 1 12 36a.665.665 0 0 1-.362-.103L.315 28.749a.673.673 0 0 1-.299-.721l3.69-16.98a.68.68 0 0 1 .12-.274L11.454.276A.669.669 0 0 1 12 0zm-.676 2.741-6.22 8.56 1.543 4.88 4.677-8.316V2.74zM12 9.402l-4.799 8.532 3.024 9.567h3.55l3.024-9.567L12 9.402zm5.7 10.134L15.181 27.5h6.997l-4.48-7.965zm3.297 9.315h-6.242L13.2 33.774l7.798-4.923zM12 33.117l1.348-4.266h-2.696L12 33.117zm-3.182-5.616L6.3 19.536 1.82 27.5h6.998zm-6.545-3.545 3.473-6.174-1.263-3.997-2.21 10.171zm.73 4.895h6.242l1.556 4.923-7.799-4.923zm18.724-4.895-3.473-6.174 1.263-3.997 2.21 10.171zm-2.832-12.654-1.542 4.878-4.677-8.315V2.74l6.22 8.56z'
+      fill='#fff'
+    />
+  </svg>
+)
+
+export default LogIcon
diff --git a/webapp/src/context/models/producers.js b/webapp/src/context/models/producers.js
index 4992cb26..91ab0521 100644
--- a/webapp/src/context/models/producers.js
+++ b/webapp/src/context/models/producers.js
@@ -18,7 +18,7 @@ export const getProducers = async (limit, orderBy) => {
     fetchPolicy: 'network-only'
   })
 
-  if (!list.length) return []
+  if (!list.length) return { data: [], rows: 0 }
 
   const resultProducers = list.map(producer => {
     return getBpDataModeled({
diff --git a/webapp/src/context/state.context.js b/webapp/src/context/state.context.js
index 4bf122ee..787bcd39 100644
--- a/webapp/src/context/state.context.js
+++ b/webapp/src/context/state.context.js
@@ -209,11 +209,12 @@ export const useSharedState = () => {
     const filter = orderBy || state.sortBlockProducersBy.sort
     let blockProducers = bpList
 
-    if (!blockProducers)
+    if (!blockProducers) {
       blockProducers = await getProducers(limit, [
         { [filter]: 'desc_nulls_last' },
         { bpjson: 'desc' }
       ])
+    }
 
     const allBps = []
 
@@ -247,6 +248,12 @@ export const useSharedState = () => {
       blockProducer = await getProducer(item)
     }
 
+    if (!blockProducer) {
+      dispatch({ type: 'setProducer', blockProducer })
+
+      return
+    }
+
     const totalStats = getTotalStats({
       producerData: {
         ...blockProducer?.system?.parameters,
diff --git a/webapp/src/index.js b/webapp/src/index.js
index 815eb6b5..4929e185 100644
--- a/webapp/src/index.js
+++ b/webapp/src/index.js
@@ -1,3 +1,5 @@
+import './wdyr'
+
 import React from 'react'
 import { render } from 'react-dom'
 import { UALProvider, withUAL } from '@eoscostarica/ual-reactjs-renderer'
diff --git a/webapp/src/language/en.json b/webapp/src/language/en.json
index efda2855..3f773afd 100644
--- a/webapp/src/language/en.json
+++ b/webapp/src/language/en.json
@@ -37,7 +37,9 @@
 
     "loginUsername": "Username",
     "loginPassword": "Password",
-    "loginSignin": "Sign in",
+    "loginSignin": "Login",
+    "welcome": "Welcome",
+    "loginToStart": "Login to start rating.",
     "loginValidationUsername": "Username is required",
     "loginValidationPassword": "Password is required",
 
diff --git a/webapp/src/language/es.json b/webapp/src/language/es.json
index 98033743..35e3c87b 100644
--- a/webapp/src/language/es.json
+++ b/webapp/src/language/es.json
@@ -38,6 +38,8 @@
     "loginUsername": "Nombre de usuario",
     "loginPassword": "Contraseña",
     "loginSignin": "Ingresar",
+    "welcome": "Bienvenido",
+    "loginToStart": "Inicie sesión para comenzar a calificar.",
     "loginValidationUsername": "El nombre de usuario es requerido",
     "loginValidationPassword": "La contraseña es requerida",
 
diff --git a/webapp/src/language/ko.json b/webapp/src/language/ko.json
index cb7f567c..bf1593ac 100644
--- a/webapp/src/language/ko.json
+++ b/webapp/src/language/ko.json
@@ -38,6 +38,8 @@
     "loginUsername": "사용자 이름",
     "loginPassword": "비밀번호",
     "loginSignin": "로그인",
+    "welcome": "환영하다",
+    "loginToStart": "평가를 시작하려면 로그인하세요.",
     "loginValidationUsername": "사용자이름이 필요합니다",
     "loginValidationPassword": "비밀번호가 필요합니다",
 
diff --git a/webapp/src/routes/BlockProducers/BlockProducerProfile.js b/webapp/src/routes/BlockProducers/BlockProducerProfile.js
index 2dae4ff0..ce26e6e6 100644
--- a/webapp/src/routes/BlockProducers/BlockProducerProfile.js
+++ b/webapp/src/routes/BlockProducers/BlockProducerProfile.js
@@ -131,10 +131,10 @@ const BlockProducerProfile = () => {
   useEffect(() => {
     const getBpData = async () => {
       if (state.blockProducers.data.length) {
-        // TODO: do a double check if this is necessary
         const bp = state.blockProducers.data.find(
           ({ owner }) => owner === account
         )
+
         setProducer(bp, true)
         setProfileData(bp)
 
@@ -148,9 +148,7 @@ const BlockProducerProfile = () => {
   }, [account])
 
   useEffect(() => {
-    if (!state.blockProducer) {
-      return
-    }
+    if (!state.blockProducer) return
 
     setProfileData(state.blockProducer)
   }, [state.blockProducer])
@@ -307,7 +305,6 @@ const BlockProducerProfile = () => {
               <GeneralInformation
                 classes={classes}
                 producer={state.blockProducer}
-                // edenRate={edenRate}
               />
             </Grid>
             <Grid style={{ marginTop: '-20px' }} item xs={12}>
@@ -363,6 +360,8 @@ const BlockProducerProfile = () => {
   )
 }
 
+BlockProducerProfile.whyDidYouRender = true
+
 ProfileTitle.propTypes = {
   classes: PropTypes.object,
   hasInformation: PropTypes.bool,
diff --git a/webapp/src/routes/BlockProducers/BlockProducerRate.js b/webapp/src/routes/BlockProducers/BlockProducerRate.js
index 71bd756f..43d573c8 100644
--- a/webapp/src/routes/BlockProducers/BlockProducerRate.js
+++ b/webapp/src/routes/BlockProducers/BlockProducerRate.js
@@ -31,7 +31,7 @@ import styles from './styles'
 
 const useStyles = makeStyles(styles)
 
-const INIT_RATING_STATE_DATA = {
+const ratingStateData = functionName => ({
   community: 1,
   communityEnabled: true,
   development: 1,
@@ -45,57 +45,56 @@ const INIT_RATING_STATE_DATA = {
   processing: false,
   txError: null,
   txSuccess: false
-}
+})
 
 const Alert = forwardRef(function Alert(props, ref) {
   return <MuiAlert elevation={6} ref={ref} variant='filled' {...props} />
 })
 
-const RadarSection = ({ t, state, polarChartData, classes }) => {
-  return (
-    <>
-      <Grid className={classes.chartWrapperSliderView} item md={12} xs={12}>
-        <PolarChart data={polarChartData} showLegend />
-      </Grid>
-      <Grid className={classes.tableBox} item md={11} xs={12}>
-        <Table
-          rows={[
-            {
-              rater: t('globalRate'),
-              amount: state.blockProducer?.ratings_cntr || 0,
-              average: getAverageValue(_get(state.blockProducer, 'average', 0))
-            },
-            {
-              rater: t('edenRates'),
-              amount: state.blockProducer?.eden_ratings_cntr || 0,
-              average: getAverageValue(
-                _get(state.blockProducer, 'eden_average', 0)
-              )
-            },
-            {
-              rater: t('totalRates'),
-              amount: state.blockProducer?.totalStats?.ratings_cntr || 0,
-              average: formatNumber(
-                state.blockProducer?.totalStats?.average || 0.0,
-                1
-              )
-            }
-          ]}
-          heads={[t('raters'), t('amount'), t('average')]}
-        />
-      </Grid>
-    </>
-  )
-}
+const RadarSection = ({ t, state, polarChartData, classes }) => (
+  <>
+    <Grid className={classes.chartWrapperSliderView} item md={12} xs={12}>
+      <PolarChart data={polarChartData} showLegend />
+    </Grid>
+    <Grid className={classes.tableBox} item md={11} xs={12}>
+      <Table
+        rows={[
+          {
+            rater: t('globalRate'),
+            amount: state.blockProducer?.ratings_cntr || 0,
+            average: getAverageValue(_get(state.blockProducer, 'average', 0))
+          },
+          {
+            rater: t('edenRates'),
+            amount: state.blockProducer?.eden_ratings_cntr || 0,
+            average: getAverageValue(
+              _get(state.blockProducer, 'eden_average', 0)
+            )
+          },
+          {
+            rater: t('totalRates'),
+            amount: state.blockProducer?.totalStats?.ratings_cntr || 0,
+            average: formatNumber(
+              state.blockProducer?.totalStats?.average || 0.0,
+              1
+            )
+          }
+        ]}
+        heads={[t('raters'), t('amount'), t('average')]}
+      />
+    </Grid>
+  </>
+)
 
 RadarSection.propTypes = {
-  t: PropTypes.object,
+  t: PropTypes.any,
   state: PropTypes.object,
-  polarChartData: PropTypes.object,
+  polarChartData: PropTypes.array,
   classes: PropTypes.object
 }
 
 const BlockProducerRate = () => {
+  const initialRatingState = () => ratingStateData()
   const classes = useStyles()
   const { account } = useParams()
   const history = useHistory()
@@ -104,7 +103,7 @@ const BlockProducerRate = () => {
     state,
     { setProducer, setLastTransaction, handleMutationInsertUserRating }
   ] = useSharedState()
-  const [ratingState, setRatingState] = useState(INIT_RATING_STATE_DATA)
+  const [ratingState, setRatingState] = useState(initialRatingState)
   const [isRated, setIsRated] = useState(true)
   const [blockProducerLogo, setBlockProducerLogo] = useState(null)
   const [blockProducerTitle, setBlockProducerTitle] = useState('No Title')
@@ -112,8 +111,8 @@ const BlockProducerRate = () => {
   const [showMessage, setShowMessage] = useState(false)
   const [showAlert, setShowAlert] = useState(false)
 
-  const handleStateChange = parameter => (event, value) => {
-    setRatingState({ ...ratingState, [parameter]: value })
+  const handleStateChange = parameter => (e, value) => {
+    setRatingState(prevRating => ({ ...prevRating, [parameter]: value }))
   }
 
   const handleClose = (event, reason) => {
@@ -298,8 +297,7 @@ const BlockProducerRate = () => {
 
   useEffect(() => {
     const getBpData = async () => {
-      if (state.blockProducers.data.length) {
-        // TODO: do a double check if this is necessary
+      if (state.blockProducers?.data?.length) {
         const bp = state.blockProducers.data.find(
           ({ owner }) => owner === account
         )
@@ -322,7 +320,19 @@ const BlockProducerRate = () => {
   }, [account])
 
   useEffect(() => {
-    if (state.user && state.blockProducer) {
+    if (state.blockProducer) {
+      if (!state.user) {
+        setProfileData(
+          state.blockProducer,
+          getBPRadarData({
+            name: t('myRate'),
+            parameters: getSavedRatingData({})
+          })
+        )
+
+        return
+      }
+
       const bpRated = (state.user?.userData?.userRates || []).find(
         rate => rate.owner === state.blockProducer.owner
       )
@@ -342,7 +352,7 @@ const BlockProducerRate = () => {
           setShowAlert(true)
         }
       } else {
-        setRatingState(INIT_RATING_STATE_DATA)
+        setRatingState(ratingState)
       }
       setIsRated(!!bpRated)
     }
@@ -471,6 +481,7 @@ const BlockProducerRate = () => {
                 <Grid item className={classes.centerContent} xs={6} md={6}>
                   <Button
                     disabled={!state.blockProducer}
+                    className={classes.btnOutline}
                     component={forwardRef((props, ref) => (
                       <Link
                         {...props}
@@ -489,7 +500,7 @@ const BlockProducerRate = () => {
                 </Grid>
                 <Grid item className={classes.centerContent} xs={6} md={6}>
                   <Button
-                    className='textPrimary'
+                    className={classes.raisedButton}
                     disabled={
                       showAlert ||
                       !state.blockProducer ||
@@ -537,4 +548,6 @@ const BlockProducerRate = () => {
   )
 }
 
+BlockProducerRate.whyDidYouRender = true
+
 export default BlockProducerRate
diff --git a/webapp/src/routes/BlockProducers/styles.js b/webapp/src/routes/BlockProducers/styles.js
index 8bbcfdff..6f98aa0e 100644
--- a/webapp/src/routes/BlockProducers/styles.js
+++ b/webapp/src/routes/BlockProducers/styles.js
@@ -40,8 +40,7 @@ export default theme => ({
     }
   },
   compareTool: {
-    height: '100%',
-    paddingTop: 0
+    height: '100%'
   },
   bpCard: {
     backgroundColor: theme.palette.primary.light
@@ -113,6 +112,20 @@ export default theme => ({
     display: 'block'
   },
   // bp rate
+  btnOutline: {
+    width: 'auto',
+    height: 36,
+    [theme.breakpoints.up('sm')]: {
+      width: 160
+    }
+  },
+  raisedButton: {
+    width: '100%',
+    height: 36,
+    [theme.breakpoints.up('sm')]: {
+      width: 200
+    }
+  },
   container: {
     padding: theme.spacing(1)
   },
@@ -218,7 +231,7 @@ export default theme => ({
     '&:hover': {
       backgroundColor: theme.palette.secondary.light
     },
-
+    height: 36,
     [theme.breakpoints.up('sm')]: {
       marginRight: 10
     }
@@ -248,7 +261,11 @@ export default theme => ({
     zIndex: 999,
     maxWidth: '100%',
     '& > button': {
-      backgroundColor: theme.palette.common.black,
+      width: 154,
+      height: 43,
+      padding: '11px 14px 8px 18px',
+      boxShadow: '0 2px 4px 0 rgba(0, 0, 0, 0.24)',
+      backgroundColor: 'rgba(0, 0, 0, 0.87)',
       color: 'white',
       borderRadius: '24px 0 0 0'
     }
diff --git a/webapp/src/routes/Home/index.js b/webapp/src/routes/Home/index.js
index da840794..76754434 100644
--- a/webapp/src/routes/Home/index.js
+++ b/webapp/src/routes/Home/index.js
@@ -45,4 +45,6 @@ const Home = () => {
   )
 }
 
+Home.whyDidYouRender = true
+
 export default Home
diff --git a/webapp/src/routes/Proxies/index.js b/webapp/src/routes/Proxies/index.js
index 9cb41377..e5f5d7f1 100644
--- a/webapp/src/routes/Proxies/index.js
+++ b/webapp/src/routes/Proxies/index.js
@@ -127,7 +127,7 @@ const AllProxies = ({ ual = {} }) => {
   }, [])
 
   useEffect(() => {
-    if (!state.proxies.data.length) {
+    if (!state.proxies?.data?.length) {
       return
     }
 
diff --git a/webapp/src/routes/index.js b/webapp/src/routes/index.js
index 2061d0a5..5413802b 100644
--- a/webapp/src/routes/index.js
+++ b/webapp/src/routes/index.js
@@ -1,16 +1,14 @@
 // eslint-disable-next-line no-unused-vars
 import React, { lazy } from 'react'
-import {
-  Activity as ActivityIcon,
-  Grid as GridIcon,
-  Home as HomeIcon,
-  Server as ServerIcon,
-  FileText as FileTextIcon,
-  User as UserIcon,
-  Info as InfoIcon,
-  HelpCircle as HelpIcon,
-  GitMerge as GitMergeIcon
-} from 'react-feather'
+import GroupsOutlinedIcon from '@mui/icons-material/GroupsOutlined'
+import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined'
+import TrendingUpIcon from '@mui/icons-material/TrendingUp'
+import AppsIcon from '@mui/icons-material/Apps'
+import PersonIcon from '@mui/icons-material/Person'
+import DescriptionOutlinedIcon from '@mui/icons-material/DescriptionOutlined'
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'
+import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined'
+import CallMergeIcon from '@mui/icons-material/CallMerge'
 
 import { mainConfig } from '../config'
 
@@ -33,21 +31,21 @@ const Account = lazy(() => import('./Account'))
 const routes = [
   {
     name: 'home',
-    icon: <HomeIcon />,
+    icon: <HomeOutlinedIcon />,
     component: Home,
     path: '/',
     exact: true
   },
   {
     name: 'myAccount',
-    icon: <UserIcon />,
+    icon: <PersonIcon />,
     path: '/account',
     component: Account,
     exact: true
   },
   {
     name: 'blockProducers',
-    icon: <GridIcon />,
+    icon: <AppsIcon />,
     component: BlockProducers,
     path: '/block-producers',
     exact: true
@@ -64,7 +62,7 @@ const routes = [
   },
   {
     path: '/proxies',
-    icon: <ServerIcon />,
+    icon: <GroupsOutlinedIcon />,
     component: Proxies,
     name: 'proxies',
     exact: true
@@ -76,13 +74,13 @@ const routes = [
   },
   {
     path: mainConfig.networkMonitor,
-    icon: <ActivityIcon />,
+    icon: <TrendingUpIcon />,
     name: 'networkMonitor',
     target: '_blank'
   },
   {
     name: 'about',
-    icon: <InfoIcon />,
+    icon: <InfoOutlinedIcon />,
     component: About,
     path: '/about',
     exact: true
@@ -90,13 +88,13 @@ const routes = [
   {
     path: '/ricardian-contract',
     component: TermsOfUse,
-    icon: <FileTextIcon />,
+    icon: <DescriptionOutlinedIcon />,
     name: 'ricardianContract',
     exact: true
   },
   {
     name: 'help',
-    icon: <HelpIcon />,
+    icon: <HelpOutlineOutlinedIcon />,
     component: Help,
     path: '/help',
     exact: true
@@ -105,7 +103,7 @@ const routes = [
     name: 'version',
     badge: mainConfig.appVersion,
     path: 'https://github.com/eoscostarica/full-stack-boilerplate/tags',
-    icon: <GitMergeIcon />,
+    icon: <CallMergeIcon />,
     target: '_blank'
   },
   {
diff --git a/webapp/src/utils/modeled-bp-data.js b/webapp/src/utils/modeled-bp-data.js
index bbb60358..5b9e0684 100644
--- a/webapp/src/utils/modeled-bp-data.js
+++ b/webapp/src/utils/modeled-bp-data.js
@@ -29,6 +29,7 @@ export default ({
     infrastructure: formatDecimal(infrastructure)
   }
   const votesInEos = calculateEosFromVotes(_get(bp, 'system.total_votes', 0))
+
   return {
     ...bp,
     system: {
@@ -37,7 +38,9 @@ export default ({
       parameters
     },
     data: getBPRadarData({
-      name: _get(bp, 'bpjson.org.candidate_name', bp.owner),
+      name: `${_get(bp, 'bpjson.org.candidate_name', 'defaultString')}-${
+        bp.owner
+      } ${votesInEos}`,
       parameters
     })
   }
diff --git a/webapp/src/wdyr.js b/webapp/src/wdyr.js
new file mode 100644
index 00000000..d3f27b58
--- /dev/null
+++ b/webapp/src/wdyr.js
@@ -0,0 +1,8 @@
+import React from 'react'
+
+if (process.env.STAGE === 'dev') {
+  const whyDidYouRender = require('@welldone-software/why-did-you-render')
+  whyDidYouRender(React, {
+    trackAllPureComponents: true
+  })
+}
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 12ab135e..691951b4 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -2963,6 +2963,13 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
+"@welldone-software/why-did-you-render@^6.2.1":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@welldone-software/why-did-you-render/-/why-did-you-render-6.2.1.tgz#6a87926cc8386b748dc07341cf495caa5be1db28"
+  integrity sha512-eIVKeK6ueS3tuzCqMVTaaNrPYvb9cA8NHiNgLA7Op8SD4TiT31zqNjxmhzLEK+y3sBxcwr6YhsiQGX9EThrvaw==
+  dependencies:
+    lodash "^4"
+
 "@wry/context@^0.4.0":
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/@wry/context/-/context-0.4.4.tgz#e50f5fa1d6cfaabf2977d1fda5ae91717f8815f8"
@@ -9096,7 +9103,7 @@ lodash.words@^4.2.0:
   resolved "https://registry.yarnpkg.com/lodash.words/-/lodash.words-4.2.0.tgz#5ecfeaf8ecf8acaa8e0c8386295f1993c9cf4036"
   integrity sha1-Xs/q+Oz4rKqODIOGKV8Zk8nPQDY=
 
-"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.5, lodash@^4.7.0:
+"lodash@>=3.5 <5", lodash@^4, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.5, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==

From 25f34cd9ae0176a803b2ec6d01de3e1cb2390416 Mon Sep 17 00:00:00 2001
From: AngeloCG97 <51149817+AngeloCG97@users.noreply.github.com>
Date: Mon, 18 Oct 2021 09:14:47 -0600
Subject: [PATCH 2/2] fix(hasura): add producer_list permissions (#842)

* Publish changes to prod  (#566)

* avoid statefulsets update errors on actions runs refs #535. (#536)

* deprecate demux service. refs #538 (#540)

* add handler url from env var & other minor bug fixes (#542)

* Add missing env var to config map (#543)

* add handler url from env var & other minor bug fixes

* add missing env var

* fix: update some env vars

* fix: update some env vars

* fix: replace .env values with the previous ones

* Feat/add tx link (#545)

* feat: add tx link

* feat: remove secrets

* setup env workflow (#546)

* wip

* wip: add env files & db_data to .gitignore

* fix: remove .env files

* fix: remove .env files

* fix: delete unnecessary code

* refactor: remove unnecessary code

* fix: minimal

* Fix/rate action buttons not showing (#547)

* wip

* wip: add env files & db_data to .gitignore

* fix: remove .env files

* fix: remove .env files

* fix: delete unnecessary code

* refactor: remove unnecessary code

* fix: minimal

* fix: rate buttons not showing in certains densities

* Fix/hasura console config (#556)

* Deploy to mainnet (#544)

* avoid statefulsets update errors on actions runs refs #535. (#536)

* deprecate demux service. refs #538 (#540)

* add handler url from env var & other minor bug fixes (#542)

* Add missing env var to config map (#543)

* add handler url from env var & other minor bug fixes

* add missing env var

* fix: update some env vars

* fix: update some env vars

* fix: replace .env values with the previous ones

Co-authored-by: Andres Gomez <kurono@riseup.net>
Co-authored-by: JustinCast <justincastillovalladares@gmail.com>

* wip

* wip: add env files & db_data to .gitignore

* fix: remove .env files

* fix: remove .env files

* fix: delete unnecessary code

* refactor: remove unnecessary code

* fix: minimal

* feat: voting tool revamp

* fix: remove comments

* fix: add i18n entries

* fix: bug fixes

* fix: hasura console config

Co-authored-by: Xavier <5632966+xavier506@users.noreply.github.com>
Co-authored-by: Andres Gomez <kurono@riseup.net>

* Fix/add missing i18n entries (#554)

* Deploy to mainnet (#544)

* avoid statefulsets update errors on actions runs refs #535. (#536)

* deprecate demux service. refs #538 (#540)

* add handler url from env var & other minor bug fixes (#542)

* Add missing env var to config map (#543)

* add handler url from env var & other minor bug fixes

* add missing env var

* fix: update some env vars

* fix: update some env vars

* fix: replace .env values with the previous ones

Co-authored-by: Andres Gomez <kurono@riseup.net>
Co-authored-by: JustinCast <justincastillovalladares@gmail.com>

* wip

* wip: add env files & db_data to .gitignore

* fix: remove .env files

* fix: remove .env files

* fix: delete unnecessary code

* refactor: remove unnecessary code

* fix: minimal

* feat: voting tool revamp

* fix: remove comments

* fix: add i18n entries

* fix: bug fixes

Co-authored-by: Xavier <5632966+xavier506@users.noreply.github.com>
Co-authored-by: Andres Gomez <kurono@riseup.net>

* docs: add env example (#565)

* fix: not able to sync proxies locally (#564)

* fix: update hasura version

* fix: hasura version && other minor bug fixes

* Fix/update hasura version (#567)

* fix: remove build:staging statement

* latest changes

Co-authored-by: Andres Gomez <kurono@riseup.net>
Co-authored-by: JustinCast <justincastillovalladares@gmail.com>

* Update push-master-environment.yaml (#576)

* fix(cron): update config values (#579)

* Revert "fix(cron): update config values (#579)" (#580)

This reverts commit 13ecf78f0cec5c1a938a1ee0aee646828995d940.

* add(link sidebar): Add network Monitor in sidebar

* fix(front-end): add validation to load data

* fix(webapp): validate data on volting tool

* fix(webapp): delete unnecesary code

* fix(hasura): add producer_list permissions

Co-authored-by: Xavier <5632966+xavier506@users.noreply.github.com>
Co-authored-by: Andres Gomez <kurono@riseup.net>
Co-authored-by: JustinCast <justincastillovalladares@gmail.com>
Co-authored-by: Xavier Fernandez <xavier@crservers.com>
---
 .../default/tables/public_producers_list.yaml | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/hasura/metadata/databases/default/tables/public_producers_list.yaml b/hasura/metadata/databases/default/tables/public_producers_list.yaml
index 6be1900e..ac5c5458 100644
--- a/hasura/metadata/databases/default/tables/public_producers_list.yaml
+++ b/hasura/metadata/databases/default/tables/public_producers_list.yaml
@@ -1,3 +1,29 @@
 table:
   name: producers_list
   schema: public
+select_permissions:
+- permission:
+    allow_aggregations: true
+    columns:
+    - owner
+    - bpjson
+    - system
+    - candidate_name
+    - total_votes
+    - average
+    - transparency
+    - infrastructure
+    - trustiness
+    - community
+    - development
+    - ratings_cntr
+    - eden_average
+    - eden_transparency
+    - eden_infrastructure
+    - eden_trustiness
+    - eden_community
+    - eden_development
+    - eden_ratings_cntr
+    - general_info
+    filter: {}
+  role: anonymous