diff --git a/src/app/features/collectibles/components/bitcoin/inscription.tsx b/src/app/features/collectibles/components/bitcoin/inscription.tsx index 74f4433e1b..7f9ce6752b 100644 --- a/src/app/features/collectibles/components/bitcoin/inscription.tsx +++ b/src/app/features/collectibles/components/bitcoin/inscription.tsx @@ -1,7 +1,7 @@ import { useCallback, useMemo } from 'react'; import { useLocation, useNavigate } from 'react-router-dom'; -import { Box } from 'leather-styles/jsx'; +import { Box, styled } from 'leather-styles/jsx'; import { type Inscription } from '@leather.io/models'; import { @@ -136,22 +136,36 @@ export function Inscription({ inscription }: InscriptionProps) { _focus={{ outline: 'focus' }} _hover={{ bg: 'ink.component-background-hover' }} bg="ink.background-primary" + border="1px solid" + borderColor="ink.text-primary" + borderRadius="2px" transform="rotate(90deg)" color="ink.action-primary-default" - icon={} + icon={} /> - + openInscriptionUrl(inscription.number)}> - }>Open original + }> + Open original + {hasInscriptionBeenDiscarded(inscription) ? ( recoverInscription(inscription)}> - }>Protect + }> + Protect + ) : ( discardInscription(inscription)}> - }>Unprotect + }> + Unprotect + )} diff --git a/src/app/ui/components/account/account.card.tsx b/src/app/ui/components/account/account.card.tsx index 6ce1a31eaa..15f915e663 100644 --- a/src/app/ui/components/account/account.card.tsx +++ b/src/app/ui/components/account/account.card.tsx @@ -20,6 +20,9 @@ import { PrivateTextLayout } from '@app/components/privacy/private-text.layout'; import { BasicTooltip } from '../tooltip/basic-tooltip'; +const availableBalanceTooltipLabel = + 'Total balance minus outbound transfers, protected collectibles and uneconomical UTXOs.'; + interface AccountCardProps { name: string; availableBalance: string; @@ -109,10 +112,7 @@ export function AccountCard({ Available balance: - +