diff --git a/centrifuge-app/src/components/Tooltips.tsx b/centrifuge-app/src/components/Tooltips.tsx index 56fc99eff3..854d2b19c1 100644 --- a/centrifuge-app/src/components/Tooltips.tsx +++ b/centrifuge-app/src/components/Tooltips.tsx @@ -1,18 +1,8 @@ import { Tooltip as FabricTooltip, Text, TextProps } from '@centrifuge/fabric' import * as React from 'react' import { useParams } from 'react-router' -import styled from 'styled-components' import { usePool } from '../utils/usePools' -const StyledText = styled(Text)<{ hoverable?: boolean }>` - ${({ hoverable }) => - hoverable && - ` - &:hover { - text-decoration: underline - } - `} -` function ValueLockedTooltipBody({ poolId }: { poolId?: string }) { const { pid: poolIdParam } = useParams<{ pid: string }>() const pool = usePool(poolId || poolIdParam || '', false) @@ -364,31 +354,21 @@ export type TooltipsProps = { props?: any size?: 'med' | 'sm' | 'xs' color?: string - hoverable?: boolean } & Partial> -export function Tooltips({ - type, - label: labelOverride, - size = 'sm', - props, - color, - hoverable = false, - ...textProps -}: TooltipsProps) { +export function Tooltips({ type, label: labelOverride, size = 'sm', props, color, ...textProps }: TooltipsProps) { const { label, body } = type ? tooltipText[type] : { label: labelOverride, body: textProps.body } return ( {typeof label === 'string' ? ( - {labelOverride || label} - + ) : ( label )} diff --git a/centrifuge-app/src/pages/Pool/Assets/OffchainMenu.tsx b/centrifuge-app/src/pages/Pool/Assets/OffchainMenu.tsx index 8703fb9aa7..9b4d574087 100644 --- a/centrifuge-app/src/pages/Pool/Assets/OffchainMenu.tsx +++ b/centrifuge-app/src/pages/Pool/Assets/OffchainMenu.tsx @@ -33,6 +33,10 @@ const StyledButton = styled(Box)` display: flex; align-items: center; font-family: Inter, sans-serif; + &:hover { + text-decoration: underline; + cursor: pointer; + } ` const LoanOption = ({ loan }: LoanOptionProps) => { diff --git a/centrifuge-app/src/pages/Pool/Assets/index.tsx b/centrifuge-app/src/pages/Pool/Assets/index.tsx index e212d2cd35..41c735f452 100644 --- a/centrifuge-app/src/pages/Pool/Assets/index.tsx +++ b/centrifuge-app/src/pages/Pool/Assets/index.tsx @@ -22,6 +22,9 @@ const StyledRouterTextLink = styled(RouterTextLink)` text-decoration: unset; display: flex; align-items: center; + &:hover { + text-decoration: underline; + } ` export function PoolDetailAssetsTab() { @@ -92,7 +95,7 @@ export function PoolDetailAssets() { heading: true, }, { - label: , + label: , value: ( {formatBalance(pool.reserve.total || 0)} @@ -104,7 +107,7 @@ export function PoolDetailAssets() { ...(!isTinlakePool && cashLoans.length ? [ { - label: , + label: , value: , heading: false, },