tweaks to vesting.

Signed-off-by: antonnell <antonnell.crypto@gmail.com>

Author: antonnell

components/ffCurveGauge/ffCurveGauge.js

@@ -361,7 +361,7 @@ export default function ffCurveGauge({ asset }) {
                       disabled={ depositLoading || !depositApprovalNotRequired }
                       onClick={ onDeposit }
                       >
-                      <Typography className={ classes.actionButtonText }>{ depositLoading ? `Depositing` : `Deposit` }</Typography>
+                      <Typography className={ classes.actionButtonText }>{ depositLoading ? `Staking` : `Stake` }</Typography>
                       { depositLoading && <CircularProgress size={10} className={ classes.loadingCircle } /> }
                     </Button>
                   </div>
@@ -377,7 +377,7 @@ export default function ffCurveGauge({ asset }) {
                       disabled={ depositLoading }
                       onClick={ onWithdraw }
                       >
-                      <Typography className={ classes.actionButtonText }>{ depositLoading ? `Withdrawing` : `Withdraw` }</Typography>
+                      <Typography className={ classes.actionButtonText }>{ depositLoading ? `Unstaking` : `Unstake` }</Typography>
                       { depositLoading && <CircularProgress size={10} className={ classes.loadingCircle } /> }
                     </Button>
                   </div>

components/ffVest/ffVest.module.css

@@ -58,7 +58,6 @@
 .vestPeriodToggle {
   background: none;
   font-size: 12px !important;
-  margin-top: 10px;
   transform: scale(0.84);
   opacity: 0.6;
 }
@@ -258,6 +257,20 @@
   height: 130px;
 }
 
+.inline {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+
+.expiresIn {
+  background: none;
+
+  -webkit-transform: scale(0.84);
+  transform: scale(0.84);
+  opacity: 0.6;
+}
+
 @media screen and (max-width: 1200px) {
   .container {
     top: 180px;

components/ffVest/lockDuration.js

@@ -37,7 +37,7 @@ export default function ffLockDuration({ ibff, veIBFF, veIBFFOld }) {
   }, []);
 
   useEffect(() => {
-    if(veIBFF.vestingInfo.lockEnds) {
+    if(veIBFF && veIBFF.vestingInfo && veIBFF.vestingInfo.lockEnds) {
       setSelectedDate(moment.unix(veIBFF.vestingInfo.lockEnds).format('YYYY-MM-DD'))
       setSelectedValue(null)
     }
@@ -67,7 +67,7 @@ export default function ffLockDuration({ ibff, veIBFF, veIBFFOld }) {
         break;
       default:
     }
-    const newDate = moment.unix(veIBFF.vestingInfo.lockEnds).add(days, 'days').format('YYYY-MM-DD');
+    const newDate = moment().add(days, 'days').format('YYYY-MM-DD');
 
     setSelectedDate(newDate);
   }
@@ -98,12 +98,15 @@ export default function ffLockDuration({ ibff, veIBFF, veIBFFOld }) {
                   shrink: true,
                 }}
               />
-              <RadioGroup className={classes.vestPeriodToggle} row aria-label="position" name="position" onChange={handleChange} value={selectedValue}>
-                <FormControlLabel value="week" control={<Radio color="primary" />} label="1 week" labelPlacement="left" />
-                <FormControlLabel value="month" control={<Radio color="primary" />} label="1 month" labelPlacement="left" />
-                <FormControlLabel value="year" control={<Radio color="primary" />} label="1 year" labelPlacement="left" />
-                <FormControlLabel value="years" control={<Radio color="primary" />} label="4 years" labelPlacement="left" />
-              </RadioGroup>
+              <div className={ classes.inline }>
+                <Typography className={ classes.expiresIn }>Expires in </Typography>
+                <RadioGroup className={classes.vestPeriodToggle} row aria-label="position" name="position" onChange={handleChange} value={selectedValue}>
+                  <FormControlLabel value="week" control={<Radio color="primary" />} label="1 week" labelPlacement="left" />
+                  <FormControlLabel value="month" control={<Radio color="primary" />} label="1 month" labelPlacement="left" />
+                  <FormControlLabel value="year" control={<Radio color="primary" />} label="1 year" labelPlacement="left" />
+                  <FormControlLabel value="years" control={<Radio color="primary" />} label="4 years" labelPlacement="left" />
+                </RadioGroup>
+              </div>
             </div>
           </div>
         </Grid>

components/navigation/navigation.js

@@ -512,7 +512,7 @@ function Navigation(props) {
           </Grid>
         </Grid>
       </div>
-      <Typography className={classes.smallVersion}>Version 0.7.0</Typography>
+      <Typography className={classes.smallVersion}>Version 0.7.1</Typography>
       { warningOpen &&
         <FFWarning close={ closeWarning } />
       }

stores/fixedForexStore.js

@@ -1221,7 +1221,9 @@ class Store {
       const veIBFFContract = new web3.eth.Contract(abis.veIBFFABI, FF_VEKP3R_ADDRESS)
       const lockedInfo = await veIBFFContract.methods.locked(account.address).call()
       const totalSupply = await veIBFFContract.methods.totalSupply().call()
-      const balanceOf = await veIBFFContract.methods.balanceOf().call(account)
+      const balanceOf = await veIBFFContract.methods.balanceOf(account.address).call()
+
+      console.log(balanceOf)
 
       // const fourYears = 126144000    // 60 * 60 * 24 * 365 * 4
       // const now = Math.floor(Date.now() / 1000)