diff --git a/src/components/TextWithTooltip.tsx b/src/components/TextWithTooltip.tsx index 406692221e..dc6c2875ce 100644 --- a/src/components/TextWithTooltip.tsx +++ b/src/components/TextWithTooltip.tsx @@ -20,6 +20,7 @@ export interface TextWithTooltipProps extends TypographyProps { event?: TrackEventProps; open?: boolean; setOpen?: (open: boolean) => void; + placement?: 'bottom' | 'left' | 'right'; } export const TextWithTooltip = ({ @@ -34,6 +35,7 @@ export const TextWithTooltip = ({ event, open: openProp = false, setOpen: setOpenProp, + placement = 'bottom', ...rest }: TextWithTooltipProps) => { const [open, setOpen] = useState(openProp); @@ -52,7 +54,12 @@ export const TextWithTooltip = ({ )} - {children}} open={open} setOpen={toggleOpen}> + {children}} + open={open} + setOpen={toggleOpen} + placement={placement} + > {tooltipContent}} + placement="bottom" open={open} setOpen={(value) => { setOpen(value); diff --git a/src/components/infoTooltips/VariableAPYTooltip.tsx b/src/components/infoTooltips/VariableAPYTooltip.tsx index 2db8621311..18faaa933b 100644 --- a/src/components/infoTooltips/VariableAPYTooltip.tsx +++ b/src/components/infoTooltips/VariableAPYTooltip.tsx @@ -4,7 +4,7 @@ import { TextWithTooltip, TextWithTooltipProps } from '../TextWithTooltip'; export const VariableAPYTooltip = ({ ...rest }: TextWithTooltipProps) => { return ( - + Variable interest rate will fluctuate based on the market conditions. diff --git a/src/modules/reserve-overview/ReserveActions.tsx b/src/modules/reserve-overview/ReserveActions.tsx index 9bb415a09d..13fb0986c8 100644 --- a/src/modules/reserve-overview/ReserveActions.tsx +++ b/src/modules/reserve-overview/ReserveActions.tsx @@ -389,7 +389,11 @@ const WrappedBaseAssetSelector = ({ color="primary" value={selectedAsset} exclusive - onChange={(_, value) => setSelectedAsset(value)} + onChange={(_, value) => { + if (value !== null) { + setSelectedAsset(value); + } + }} sx={{ mb: 4 }} >