// @flow import { SIMPLE_SITE } from 'config'; import * as ICONS from 'constants/icons'; import React from 'react'; import classnames from 'classnames'; import Icon from 'component/common/icon'; import LbcSymbol from 'component/common/lbc-symbol'; import Tooltip from 'component/common/tooltip'; import CreditAmount from 'component/common/credit-amount'; type Props = { channelClaim: ChannelClaim, large?: boolean, inline?: boolean, }; function getChannelLevel(amount: number): number { let level = 1; switch (true) { case amount >= 1 && amount < 50: level = 2; break; case amount >= 50 && amount < 250: level = 3; break; case amount >= 250 && amount < 1000: level = 4; break; case amount >= 1000: level = 5; break; } return level; } function getChannelIcon(level: number): string { const icons = { '1': ICONS.CHANNEL_LEVEL_1, '2': ICONS.CHANNEL_LEVEL_2, '3': ICONS.CHANNEL_LEVEL_3, '4': ICONS.CHANNEL_LEVEL_4, '5': ICONS.CHANNEL_LEVEL_5, }; return icons[level] || ICONS.CHANNEL_LEVEL_1; } function ChannelStakedIndicator(props: Props) { const { channelClaim, large = false, inline = false } = props; if (!channelClaim || !channelClaim.meta) { return null; } const amount = parseFloat(channelClaim.amount) + parseFloat(channelClaim.meta.support_amount) || 0; const isControlling = channelClaim && channelClaim.meta.is_controlling; const level = getChannelLevel(amount); const icon = getChannelIcon(level); return ( SIMPLE_SITE && (
{__('Level %current_level%', { current_level: level })}
} size={14} />
} >
) ); } type LevelIconProps = { isControlling: boolean, icon: string, large?: boolean, }; function LevelIcon(props: LevelIconProps) { const { large, isControlling, icon } = props; return ( icon && ( ) ); } export default ChannelStakedIndicator;