File tree Expand file tree Collapse file tree 2 files changed +10
-9
lines changed
web/src/pages/Courts/CourtDetails/StakePanel Expand file tree Collapse file tree 2 files changed +10
-9
lines changed Original file line number Diff line number Diff line change @@ -41,6 +41,13 @@ const InputFieldAndButton = styled.div`
4141 width: 100%;
4242` ;
4343
44+ const EnsureChainContainer = styled . div `
45+ button {
46+ height: 45px;
47+ border: 1px solid ${ ( { theme } ) => theme . stroke } ;
48+ }
49+ ` ;
50+
4451interface IInputDisplay {
4552 action : ActionType ;
4653 isSending : boolean ;
@@ -111,7 +118,7 @@ const InputDisplay: React.FC<IInputDisplay> = ({
111118 // }
112119 formatter = { ( number : string ) => commify ( roundNumberDown ( Number ( number ) ) ) }
113120 />
114- < EnsureChain >
121+ < EnsureChainContainer >
115122 < StakeWithdrawButton
116123 { ...{
117124 parsedAmount,
@@ -122,7 +129,7 @@ const InputDisplay: React.FC<IInputDisplay> = ({
122129 setIsPopupOpen,
123130 } }
124131 />
125- </ EnsureChain >
132+ </ EnsureChainContainer >
126133 </ InputFieldAndButton >
127134 </ InputArea >
128135 </ >
Original file line number Diff line number Diff line change 11import React , { useMemo } from "react" ;
2- import styled from "styled-components" ;
32import { useParams } from "react-router-dom" ;
43import { useAccount , usePublicClient } from "wagmi" ;
54import { Button } from "@kleros/ui-components-library" ;
@@ -18,11 +17,6 @@ import { wrapWithToast } from "utils/wrapWithToast";
1817import { isUndefined } from "utils/index" ;
1918import { EnsureChain } from "components/EnsureChain" ;
2019
21- const StyledStakeWithdrawButton = styled ( Button ) `
22- border: 1px solid ${ ( { theme } ) => theme . stroke } ;
23- height: 45px;
24- ` ;
25-
2620export enum ActionType {
2721 allowance = "allowance" ,
2822 stake = "stake" ,
@@ -135,7 +129,7 @@ const StakeWithdrawButton: React.FC<IActionButton> = ({
135129 const { text, checkDisabled, onClick } = buttonProps [ isAllowance ? ActionType . allowance : action ] ;
136130 return (
137131 < EnsureChain >
138- < StyledStakeWithdrawButton
132+ < Button
139133 text = { text }
140134 isLoading = { isSending }
141135 disabled = {
You can’t perform that action at this time.
0 commit comments