diff --git a/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldings.tsx b/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldings.tsx index 8c16fbbc6..597c93303 100644 --- a/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldings.tsx +++ b/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldings.tsx @@ -1,9 +1,10 @@ -import { memo, useState } from 'react'; +import { memo } from 'react'; import V3ExternalHoldingsItem from 'elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldingsItem'; import { Navigation } from 'swiper'; import { Swiper, SwiperSlide } from 'swiper/react/swiper-react'; import { NavigationOptions } from 'swiper/types'; import { useExternalHoldings } from 'elements/earn/portfolio/v3/externalHoldings/useExternalHoldings'; +import { ReactComponent as IconArrow } from 'assets/icons/arrow.svg'; const navOptions: NavigationOptions = { nextEl: '.external-holding-swiper-next-btn', @@ -13,12 +14,14 @@ const navOptions: NavigationOptions = { }; const V3ExternalHoldings = () => { - const [activeIndex, setActiveIndex] = useState(1); const { positions } = useExternalHoldings(); return positions.length ? (
-

External Holdings at risk

+

+ External Holdings at risk{' '} + ({positions.length}) +

Your holdings on other platforms are vulnerable to impermanent loss

@@ -27,9 +30,6 @@ const V3ExternalHoldings = () => { spaceBetween={20} slidesPerView={1} grabCursor - onActiveIndexChange={({ activeIndex }) => - setActiveIndex(activeIndex + 1) - } navigation={navOptions} > {positions.map((pos, i) => ( @@ -40,16 +40,13 @@ const V3ExternalHoldings = () => { {positions.length > 1 && ( -
+
-
- {activeIndex} of {positions.length} -
)}
diff --git a/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldingsItem.tsx b/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldingsItem.tsx index 8aad2a05b..11e03ac06 100644 --- a/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldingsItem.tsx +++ b/src/elements/earn/portfolio/v3/externalHoldings/V3ExternalHoldingsItem.tsx @@ -43,7 +43,10 @@ const V3ExternalHoldingsItem = ({ position }: Props) => {
Rekt Status:
-
{position.rektStatus}
+
+ {position.rektStatus !== 'At risk' && '-'} + {position.rektStatus} +