diff --git a/src/components/Wallet/WalletConnectButton.tsx b/src/components/Wallet/WalletConnectButton.tsx index 08bb00ef..68b0f38c 100644 --- a/src/components/Wallet/WalletConnectButton.tsx +++ b/src/components/Wallet/WalletConnectButton.tsx @@ -15,6 +15,7 @@ interface Props { color?: ButtonProps['color'] variant?: ButtonProps['variant'] size?: ButtonProps['size'] + short?: boolean } export default function WalletConnectButton(props: Props) { diff --git a/src/components/account/AccountBalancesTable/index.tsx b/src/components/account/AccountBalancesTable/index.tsx index a3e00be6..2eee9ced 100644 --- a/src/components/account/AccountBalancesTable/index.tsx +++ b/src/components/account/AccountBalancesTable/index.tsx @@ -75,6 +75,7 @@ export default function AccountBalancesTable(props: Props) { }, }) }} + short /> diff --git a/src/components/borrow/Table/Columns/BorrowButton.tsx b/src/components/borrow/Table/Columns/BorrowButton.tsx index 421a277d..da13ebb6 100644 --- a/src/components/borrow/Table/Columns/BorrowButton.tsx +++ b/src/components/borrow/Table/Columns/BorrowButton.tsx @@ -54,6 +54,7 @@ export default function BorrowButton(props: Props) { e.stopPropagation() }} text='Borrow' + short /> diff --git a/src/components/common/Button/ActionButton.tsx b/src/components/common/Button/ActionButton.tsx index 0c5e9b46..49c5c022 100644 --- a/src/components/common/Button/ActionButton.tsx +++ b/src/components/common/Button/ActionButton.tsx @@ -9,8 +9,12 @@ import useAccountIds from 'hooks/accounts/useAccountIds' import useAccountId from 'hooks/useAccountId' import useStore from 'store' -export default function ActionButton(props: ButtonProps) { - const { className, color, variant, size } = props +interface Props extends ButtonProps { + short?: boolean +} + +export default function ActionButton(props: Props) { + const { className, color, variant, size, short } = props const defaultProps = { className, color, variant, size } const address = useStore((s) => s.address) const isV1 = useStore((s) => s.isV1) @@ -22,7 +26,8 @@ export default function ActionButton(props: ButtonProps) { useStore.setState({ focusComponent: { component: } }) }, []) - if (!address) return + if (!address) + return if (accountIds && accountIds.length === 0) { return ( diff --git a/src/components/earn/farm/Table/Columns/Deposit.tsx b/src/components/earn/farm/Table/Columns/Deposit.tsx index 54ba037a..9d675f14 100644 --- a/src/components/earn/farm/Table/Columns/Deposit.tsx +++ b/src/components/earn/farm/Table/Columns/Deposit.tsx @@ -34,6 +34,7 @@ export const Deposit = (props: Props) => { color='tertiary' text='Deposit' leftIcon={} + short /> ) diff --git a/src/components/earn/lend/Table/Columns/LendButton.tsx b/src/components/earn/lend/Table/Columns/LendButton.tsx index 3ca6e5c7..72e10617 100644 --- a/src/components/earn/lend/Table/Columns/LendButton.tsx +++ b/src/components/earn/lend/Table/Columns/LendButton.tsx @@ -56,6 +56,7 @@ export default function LendButton(props: Props) { e.stopPropagation() }} text='Lend' + short /> diff --git a/src/components/v1/Table/borrowings/Columns/BorrowButton.tsx b/src/components/v1/Table/borrowings/Columns/BorrowButton.tsx index dc85b35d..4232532a 100644 --- a/src/components/v1/Table/borrowings/Columns/BorrowButton.tsx +++ b/src/components/v1/Table/borrowings/Columns/BorrowButton.tsx @@ -43,6 +43,7 @@ export default function BorrowButton(props: Props) { e.stopPropagation() }} text='Borrow' + short /> diff --git a/src/components/v1/Table/deposits/Columns/DepositButton.tsx b/src/components/v1/Table/deposits/Columns/DepositButton.tsx index 4fa1af9a..60c876cf 100644 --- a/src/components/v1/Table/deposits/Columns/DepositButton.tsx +++ b/src/components/v1/Table/deposits/Columns/DepositButton.tsx @@ -43,6 +43,7 @@ export default function DepositButton(props: Props) { e.stopPropagation() }} text='Deposit' + short />