diff --git a/libs/ui-toolkit/src/components/healthbar/healthbar.tsx b/libs/ui-toolkit/src/components/healthbar/healthbar.tsx deleted file mode 100644 index 925a3f72d..000000000 --- a/libs/ui-toolkit/src/components/healthbar/healthbar.tsx +++ /dev/null @@ -1,283 +0,0 @@ -import classNames from 'classnames'; -import { - addDecimalsFormatNumber, - formatNumberPercentage, -} from '@vegaprotocol/utils'; -import { BigNumber } from 'bignumber.js'; -import { getIntentBackground, Intent } from '../../utils/intent'; -import { Indicator } from '../indicator'; -import { Tooltip } from '../tooltip'; -import { useT } from '../../use-t'; - -const Remainder = () => ( -
-); - -const Target = ({ - target, - decimals, - isLarge, -}: { - isLarge: boolean; - target: string; - decimals: number; -}) => { - const t = useT(); - return ( - -
- -
- - {t('Target stake {{target}}', { - target: addDecimalsFormatNumber(target, decimals), - })}{' '} - -
- } - > -
-
-
- - ); -}; - -const AuctionTarget = ({ - trigger, - isLarge, - rangeLimit, - decimals, -}: { - isLarge: boolean; - trigger: number; - rangeLimit: number; - decimals: number; -}) => { - const t = useT(); - const leftPosition = new BigNumber(trigger).div(rangeLimit).multipliedBy(100); - return ( - -
- -
- - {t('Auction Trigger stake {{trigger}}', { - trigger: addDecimalsFormatNumber(trigger, decimals), - })} - -
- } - > -
-
-
- - ); -}; - -const Level = ({ - commitmentAmount, - rangeLimit, - opacity, - fee, - prevLevel, - decimals, - intent, -}: { - commitmentAmount: number; - rangeLimit: number; - opacity: number; - fee: string; - prevLevel: number; - decimals: number; - intent: Intent; -}) => { - const t = useT(); - const width = new BigNumber(commitmentAmount) - .div(rangeLimit) - .multipliedBy(100) - .toNumber(); - - const formattedFee = fee - ? formatNumberPercentage(new BigNumber(fee).times(100), 2) - : '-'; - - const tooltipContent = ( -
-
- -
- {t('{{fee}} Fee', { fee: formattedFee })} -
- - {prevLevel ? addDecimalsFormatNumber(prevLevel, decimals) : '0'} -{' '} - {addDecimalsFormatNumber(commitmentAmount, decimals)} - -
-
- ); - - return ( - -
-
-
- - ); -}; - -const Full = () => ( -
-); - -interface Levels { - fee: string; - commitmentAmount: number; -} - -export const HealthBar = ({ - target = '0', - decimals, - levels, - size = 'small', - intent, - triggerRatio, -}: { - target: string; - decimals: number; - levels: Levels[]; - size?: 'small' | 'large'; - intent: Intent; - triggerRatio?: string; -}) => { - const t = useT(); - const targetNumber = parseInt(target, 10); - const rangeLimit = targetNumber * 2; - - const triggerRatioNumber = triggerRatio ? parseFloat(triggerRatio) : 0; - const auctionTrigger = targetNumber * triggerRatioNumber; - - let lastVisibleLevel = 0; - const committedNumber = levels - .reduce((total, current, index) => { - const newTotal = total.plus(current.commitmentAmount); - if (total.isLessThan(rangeLimit) && newTotal.isGreaterThan(rangeLimit)) { - lastVisibleLevel = index; - } - return newTotal; - }, new BigNumber(0)) - .toNumber(); - - const isLarge = size === 'large'; - const showRemainder = committedNumber < rangeLimit || levels.length === 0; - const showOverflow = !showRemainder && lastVisibleLevel < levels.length - 1; - - return ( -
-
-
- - -
- {levels.map((p, index) => { - const { commitmentAmount, fee } = p; - const prevLevel = levels[index - 1]?.commitmentAmount; - const opacity = 1 - 0.2 * index; - return index <= lastVisibleLevel ? ( - - ) : null; - })} - {showRemainder && } - {showOverflow && ( - - {t('Providers greater than 2x target stake not shown')} -
- } - > -
...
- - )} -
-
- {triggerRatio && ( - - )} - - -
-
- ); -}; diff --git a/libs/ui-toolkit/src/components/healthbar/index.ts b/libs/ui-toolkit/src/components/healthbar/index.ts deleted file mode 100644 index 3011e2c6e..000000000 --- a/libs/ui-toolkit/src/components/healthbar/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './healthbar'; diff --git a/libs/ui-toolkit/src/components/index.ts b/libs/ui-toolkit/src/components/index.ts index 32c2c1847..b9e3a9044 100644 --- a/libs/ui-toolkit/src/components/index.ts +++ b/libs/ui-toolkit/src/components/index.ts @@ -13,7 +13,6 @@ export * from './divider'; export * from './drawer'; export * from './dropdown-menu'; export * from './form-group'; -export * from './healthbar'; export * from './icon'; export * from './indicator'; export * from './input';