bbbdca6950
* added icon for atom and tokenInfo data update * borrow page initial commit * feat: borrow funds to ca and wallet * close borrow module on tx success * feat: repay funds initial setup * repay funds action hook * repay slider. module state on borrow page component * styling: minor tweak to text colors * limit manual input on repay to max value * borrow funds component slider initial * style: max button typography * AssetRow extracted to separate file. organize imports * ContainerSecondary component added * loading indicator for pending actions * style: progress bar colors * tanstack table added * tanstack react-table dependency missing * table cleanup and layout adjustments * fix account stats formula and update market data to match spreadsheet * calculate max borrow amount hook * reset borrow and repay components on account change * max borrow amount decimals. memorized return * hook tanstack data with real data * redefine borrowedAssetsMap to map * update max borrow amount formulas * remove unnecessary table component. refactor borrow table
24 lines
579 B
TypeScript
24 lines
579 B
TypeScript
import Tippy from '@tippyjs/react'
|
|
import { ReactNode } from 'react'
|
|
import { InformationCircleIcon } from '@heroicons/react/24/solid'
|
|
|
|
interface TooltipProps {
|
|
content: string | ReactNode
|
|
className?: string
|
|
}
|
|
|
|
const Tooltip = ({ content, className }: TooltipProps) => {
|
|
return (
|
|
<Tippy
|
|
appendTo={() => document.body}
|
|
className="rounded-md bg-[#ED512F] p-2 text-xs"
|
|
content={<span>{content}</span>}
|
|
interactive={true}
|
|
>
|
|
<InformationCircleIcon className={`w-5 cursor-pointer ${className}`} />
|
|
</Tippy>
|
|
)
|
|
}
|
|
|
|
export default Tooltip
|