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
/>