diff --git a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx index 727333af85..39703f5bbb 100644 --- a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx +++ b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx @@ -1,6 +1,17 @@ import { CurrencyBalance, DailyTrancheState, Price } from '@centrifuge/centrifuge-js' import { NetworkIcon, formatBalanceAbbreviated, useCentrifuge } from '@centrifuge/centrifuge-react' -import { Box, Card, IconArrowRightWhite, IconMoody, IconSp, Shelf, Stack, Text, Tooltip } from '@centrifuge/fabric' +import { + Box, + Card, + IconArrowRightWhite, + IconMoody, + IconParticula, + IconSp, + Shelf, + Stack, + Text, + Tooltip, +} from '@centrifuge/fabric' import capitalize from 'lodash/capitalize' import startCase from 'lodash/startCase' import { useMemo } from 'react' @@ -35,6 +46,11 @@ type Tranche = Pick & { type TinlakeDataKey = keyof typeof tinlakeData +const ratingIcons: { [key: string]: JSX.Element } = { + "Moody's": , + Particula: , +} + const tinlakeData = { '0x53b2d22d07E069a3b132BfeaaD275b10273d381E': '7% - 15%', '0x55d86d51Ac3bcAB7ab7d2124931FbA106c8b60c7': '4% - 15%', @@ -201,7 +217,7 @@ export const KeyMetrics = ({ poolId }: Props) => { display="flex" alignItems="center" > - {rating.agency?.includes("Moody's") ? : } + {rating.agency && ratingIcons[rating.agency] ? ratingIcons[rating.agency] : } {rating.value} diff --git a/fabric/src/icon-svg/Icon-particula.svg b/fabric/src/icon-svg/Icon-particula.svg new file mode 100644 index 0000000000..3e01504980 --- /dev/null +++ b/fabric/src/icon-svg/Icon-particula.svg @@ -0,0 +1,10 @@ + + + + + + + + + +