Merge pull request #2575 from hollaex/testnet

Testnet
hollaex · Jan 16, 2024 · 62e30a6 · 62e30a6
2 parents b643c9d + 32514c6
commit 62e30a6
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 7 deletions.
diff --git a/web/src/containers/Stake/CeFiStake.scss b/web/src/containers/Stake/CeFiStake.scss
@@ -33,3 +33,7 @@
 .stakepool_card > .ant-modal-content {
 	background-color: var(--base_secondary-navigation-bar);
 }
+
+.stakingOption {
+	background-color: var(--base_wallet-sidebar-and-popup);
+}
diff --git a/web/src/containers/Stake/DesktopStake.js b/web/src/containers/Stake/DesktopStake.js
@@ -47,6 +47,7 @@ import ConnectWrapper from './components/ConnectWrapper';
 import StakesAndEarnings from './components/StakesAndEarnings';
 import Variable from './components/Variable';
 import CeFiUserStake from './components/CeFiUserStake';
+import './CeFiStake.scss';
 
 class Stake extends Component {
 	constructor(prop) {
@@ -308,16 +309,44 @@ class Stake extends Component {
 					{this.props?.constants?.features?.cefi_stake &&
 						this.props?.constants?.features?.stake_page && (
 							<div className="d-flex">
-								<span style={{ marginRight: 5 }}>DeFi Staking</span>
-								<Switch
-									checked={this.state.selectedStaking === 'cefi'}
-									onClick={(checked) => {
+								<span
+									className="stakingOption"
+									style={{
+										marginRight: 5,
+										padding: 10,
+										borderRadius: 10,
+										cursor: 'pointer',
+										fontWeight:
+											this.state.selectedStaking === 'defi' ? 'bold' : 'normal',
+										opacity: this.state.selectedStaking === 'defi' ? 1 : 0.7,
+									}}
+									onClick={() => {
 										this.setState({
-											selectedStaking: checked ? 'cefi' : 'defi',
+											selectedStaking: 'defi',
 										});
 									}}
-								/>
-								<span style={{ marginLeft: 5 }}>CeFi Staking</span>
+								>
+									DeFi Staking
+								</span>
+								<span
+									className="stakingOption"
+									style={{
+										marginLeft: 5,
+										padding: 10,
+										borderRadius: 10,
+										cursor: 'pointer',
+										fontWeight:
+											this.state.selectedStaking === 'cefi' ? 'bold' : 'normal',
+										opacity: this.state.selectedStaking === 'cefi' ? 1 : 0.7,
+									}}
+									onClick={() => {
+										this.setState({
+											selectedStaking: 'cefi',
+										});
+									}}
+								>
+									CeFi Staking
+								</span>
 							</div>
 						)}
 				</div>