-
-
-
- )
-}
-
-function WithdrawView(props: StakingContractProps&StakingContractDispatch) {
- const theme = useContext(ThemeContext);
- const styles = themedStyles(theme);
- const history = useHistory();
- const [tillMon, tillDay, tillHour] = Utils.tillDate(props.contract.withdrawEnds);
- return (
- <>
- <>
- <>
-
-
- <>
-
-
{'You Staked'}
-
{props.userStake?.amountInStake}
-
{props.symbol}
-
-
-
- {'MATURITY'}
- {tillMon + ' months'}
- {tillDay + ' days'}
- ;
-
-
-
-
- Rewards if un-staked today
-
-
-
-
-
- Rewards at maturity
-
-
-
-
-
- Early withdraw starts
-
-
-
-
-
- Maturity
-
-
-
-
-
-
-
- props.onContractSelected(history,props.contract.network,props.contract.contractAddress,true)}
- textStyle={{...styles.mediumText,...styles.btnText}}
- />
-
-
-
-
-
- )
-}
-
-function StakingContractComponent(props: StakingContractProps&StakingContractDispatch) {
- const history = useHistory();
- let mainPart = (<> );
- switch (props.state) {
- case 'pre-stake':
- mainPart = ();
- break;
- case 'stake':
- mainPart = ();
- break;
- case 'pre-withdraw':
- case 'maturity':
- case 'withdraw':
- mainPart = ();
- break;
- }
-
- return (
-
-
-
-
- {props.contract.name}
-
-
-
- {mainPart}
-
- history.replace('/')} />
-
-
-
- );
-}
-
-export const StakingContractContainer = connect(
- StakingContract.mapStateToProps, StakingContract.mapDispatchToProps)(StakingContractComponent);
-
- //@ts-ignore
- const themedStyles = (theme) => ({
- stakingInfoHeader: {
- justifyContent: 'center',
- fontSize: '14px',
- fontWeight: 'bold',
- letterspacing: 1.5,
- lineHeight: '1.2'
- },
- listText: {
- fontSize: '14px',
- letterspacing: 1,
- lineHeight: '1.2'
- },
- btnText: {
- color: '#ffffff',
- lineHeight:1.3
- },
- divider: {
- height: '3px',
- borderTopStyle: "solid" as "solid",
- borderTopColor: 'rgba(249, 64, 43, 1)',
- width: '10%',
- margin: '0px auto',
- },
- list: {
- marginTop: theme.get(Theme.Spaces.line),
- display: 'flex',
- flexDirection: "row" as "row",
- justifyContent: 'space-between',
- paddingLeft: theme.get(Theme.Spaces.screenMarginVertical),
- paddingRight: theme.get(Theme.Spaces.screenMarginVertical)
- },
- listValue:{
- marginTop: theme.get(Theme.Spaces.line),
- display: 'flex',
- flexDirection: "row" as "row",
- justifyContent: 'center',
- paddingLeft: theme.get(Theme.Spaces.screenMarginVertical),
- paddingRight: theme.get(Theme.Spaces.screenMarginVertical),
- width: '30%'
- },
- dateValue:{
- marginTop: theme.get(Theme.Spaces.line),
- display: 'flex',
- flexDirection: "row" as "row",
- justifyContent: 'space-between',
- paddingLeft: theme.get(Theme.Spaces.screenMarginVertical),
- width: '50%'
- },
- btnContainer: {
- display: 'flex',
- color: 'black',
- justifyContent: 'center',
- width: '100%',
- backgroundColor: 'white',
- borderRadius: '15px',
- padding: '15px',
- fontSize: '15px'
- },
- miniText: {
- fontSize: '14px',
- },
- symb:{
- fontSize: '17px',
- },
- rewards:{
- backgroundColor: 'white',
- color: '#c1052a',
- textAlign: "center" as "center",
- borderRadius: '5px',
- fontSize: '17px',
- fontWeight: "bold" as "bold",
- margin: '5px 0px',
- padding: '2px 0px'
- },
- tokenInfo: {
- display: 'flex',
- color: 'white',
- justifyContent: 'space-around',
- alignItems: 'center'
- },
- tokenSymbol: {
- margin: '0px 10px'
- },
- listContainer: {
- display: 'flex',
- flexDirection: 'column',
- justifyContent: 'flex-start',
- alignItems: 'stretch',
- },
- listItemContainer: {
- display: 'flex',
- flexDirection: 'row',
- justifyContent: 'flex-start',
- alignItems: 'center',
- minHeight: theme.get(Theme.Spaces.line) * 4,
- padding: theme.get(Theme.Spaces.line),
- },
- stakedText:{
- fontFamily: 'Sawarabi Gothic',
- marginTop: 'auto',
- margin: '3px',
- justifyContent: 'center',
- alignItems: 'center',
- textAlign: "center" as "center",
- lineHeight: 1
- },
- commonText: {
- fontFamily: 'Sawarabi Gothic',
- fontWeight: 'bold',
- fontSize: '16.5px',
- letterSpacing: '1px'
- },
- unifyreTextColor: {
- color: '#9a3531'
- },
- stakingAmountStyle: {
- color: '#ffff',
- fontSize: '30px',
- lineHeight: 1,
- fontWeight: '900',
- letterSpacing: '3px'
- },
- stakingSymbol:{
- paddingTop: '3px',
- letterSpacing: 1,
- fontSize:'11px',
- fontWeight: 200
- },
- unifyreMainTextlineHeight: {
- lineHeight: 0.9
- },
- smallerMediumText:{
- fontSize: '14px',
- letterSpacing: '1px',
- lineHeight: '0.8',
- fontWeight: 200
- },
- navHeader: {
- fontSize: '17px',
- lineHeight: 1
- },
- mediumText: {
- fontSize: '25px',
- fontWeight: 'bold',
- letterSpacing: '2px',
- lineHeight: '1.4'
- },
- mediumTextRow: {
- fontSize: '18px',
- fontWeight: 'bold',
- letterSpacing: '2px',
- },
- littleText: {
- fontSize: '10.5px',
- fontWeight: '200'
- },
- percentStake: {
- textAlign: "center" as "center",
- marginTop: '15px',
- marginRight: '10px',
- marginLeft: '20px',
- marginBottom: '2px',
- width:'50%',
- display: 'flex',
- flexDirection: "row" as "row",
- },
- percentStakeRow: {
- width: '60%',
- display: 'flex',
- flexDirection: 'row' as 'row',
- margin: '25px auto',
- marginBottom: '10px'
- },
- arrows: {
- marginRight: '10px',
- marginLeft: '10px',
- width: '16px'
- },
- highlight:{
- color: 'rgb(255, 59, 47)'
- },
- DurText: {
- fontSize: '12.5px'
- },
- bottomFix:{
- width: '99%',
- },
- header: {
- fontSize: '33px',
- width: '80%',
- lineHeight: 1.1,
- marginLeft: '15pt',
- fontWeight: 'bold'
- },
- preStakingheader: {
- fontSize: '40px',
- width: '100%',
- lineHeight: 0.7,
- marginLeft: '15pt',
- marginTop: '20pt',
- textAlign:'center'
- },
- summaryContainerFlex: {
- marginTop: '15px',
- display: 'flex',
- flexDirection: 'row' as 'row',
- justifyContent: 'center' as 'center',
- alignItems: 'center' as 'center'
- },
- summaryContainerRow: {
- marginTop: '15px',
- flexDirection: 'row' as 'row',
- justifyContent: 'center' as 'center',
- alignItems: 'center' as 'center'
- }
-});
\ No newline at end of file
diff --git a/frontend/src/pages/unstakeToken/UnstakeTokenContainer.tsx b/frontend/src/pages/unstakeToken/UnstakeTokenContainer.tsx
deleted file mode 100644
index 804a7af..0000000
--- a/frontend/src/pages/unstakeToken/UnstakeTokenContainer.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import React, {useContext} from 'react';
-import { connect } from 'react-redux';
-import {
- Page,PageTopPart, Row, ThemedText, Gap,InputGroupAddon,ThemedButton, InputCurrency, ErrorMessage,
- // @ts-ignore
-} from 'unifyre-web-components';
-import { formatter } from "../../common/Utils";
-import { LoaderContainer } from '../../components/Loader';
-import { UnstakeToken, UnstakeTokenDispatch, UnstakeTokenProps } from './UnstakeToken';
-import { useHistory } from 'react-router-dom';
-import {ThemeContext} from 'unifyre-react-helper';
-
-
-function UnstakeTokenComponent(props: UnstakeTokenProps&UnstakeTokenDispatch) {
- const history = useHistory();
- const theme = useContext(ThemeContext);
- const styles = themedStyles(theme);
- const error = props.error ? (
-
-
-
- ) : undefined;
- const takeRewards = props.contract.rewardContinuationAddress ? (
-
- {props.onTakeRewards(history, props)}}/>
-
- ) : undefined;
- return (
-
-
-
- {`Staking`}
-
-
- {
- <>
-
- {'Amount To Withdraw'}
-
-
- { }}
- autoFocus={true}
- formatter={formatter}
- inputMode={'decimal'}
- />
-
-
-
- {'Amount In Stake'}
-
-
-
-
-
- {error}
-
- {props.onUnstakeToken(history, props)}}/>
-
- {takeRewards}
-
- }
-
- );
-}
-
-//@ts-ignore
-const themedStyles = (theme) => ({
- divider: {
- height: '3px',
- borderTopStyle: "solid" as "solid",
- borderTopColor: 'rgba(249, 64, 43, 1)',
- width: '10%',
- margin: '0px auto',
- },
- stakingInfoHeader: {
- justifyContent: 'center',
- fontSize: '19px',
- fontWeight: 'bold',
- letterspacing: 1,
- lineHeight: '1.2'
- },
-})
-
-export const UnstakeTokenContainer = connect(
- UnstakeToken.mapStateToProps, UnstakeToken.mapDispatchToProps)(UnstakeTokenComponent);
\ No newline at end of file