diff --git a/web/src/pages/Courts/CourtDetails/StakePanel/StakeWithdrawButton.tsx b/web/src/pages/Courts/CourtDetails/StakePanel/StakeWithdrawButton.tsx index 40eda06a7..5f743dd70 100644 --- a/web/src/pages/Courts/CourtDetails/StakePanel/StakeWithdrawButton.tsx +++ b/web/src/pages/Courts/CourtDetails/StakePanel/StakeWithdrawButton.tsx @@ -22,6 +22,7 @@ import { isUndefined } from "utils/index"; import { wrapWithToast } from "utils/wrapWithToast"; import { EnsureChain } from "components/EnsureChain"; +import styled from "styled-components"; export enum ActionType { allowance = "allowance", @@ -29,6 +30,16 @@ export enum ActionType { withdraw = "withdraw", } +const Container = styled.div` + display: flex; + gap: 8px; + flex-direction: column; +`; + +const ErrorLabel = styled.label` + color: ${({ theme }) => theme.error}; +`; + interface IActionButton { isSending: boolean; parsedAmount: bigint; @@ -142,20 +153,23 @@ const StakeWithdrawButton: React.FC = ({ const { text, checkDisabled, onClick } = buttonProps[isAllowance ? ActionType.allowance : action]; return ( -