fix: introduce shortened connect button

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) {

src/components/account/AccountBalancesTable/index.tsx

@@ -75,6 +75,7 @@ export default function AccountBalancesTable(props: Props) {
                 },
               })
             }}
+            short
           />
         </div>
       </ConditionalWrapper>

src/components/borrow/Table/Columns/BorrowButton.tsx

@@ -54,6 +54,7 @@ export default function BorrowButton(props: Props) {
             e.stopPropagation()
           }}
           text='Borrow'
+          short
         />
       </ConditionalWrapper>
     </div>

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: <AccountCreateFirst /> } })
   }, [])
 
-  if (!address) return <WalletConnectButton {...defaultProps} />
+  if (!address)
+    return <WalletConnectButton {...defaultProps} textOverride={short ? 'Connect' : undefined} />
 
   if (accountIds && accountIds.length === 0) {
     return (

src/components/earn/farm/Table/Columns/Deposit.tsx

@@ -34,6 +34,7 @@ export const Deposit = (props: Props) => {
         color='tertiary'
         text='Deposit'
         leftIcon={<Plus />}
+        short
       />
     </div>
   )

src/components/earn/lend/Table/Columns/LendButton.tsx

@@ -56,6 +56,7 @@ export default function LendButton(props: Props) {
             e.stopPropagation()
           }}
           text='Lend'
+          short
         />
       </ConditionalWrapper>
     </div>

src/components/v1/Table/borrowings/Columns/BorrowButton.tsx

@@ -43,6 +43,7 @@ export default function BorrowButton(props: Props) {
             e.stopPropagation()
           }}
           text='Borrow'
+          short
         />
       </ConditionalWrapper>
     </div>

src/components/v1/Table/deposits/Columns/DepositButton.tsx

@@ -43,6 +43,7 @@ export default function DepositButton(props: Props) {
             e.stopPropagation()
           }}
           text='Deposit'
+          short
         />
       </ConditionalWrapper>
     </div>