51 lines
No EOL
1.2 KiB
TypeScript
51 lines
No EOL
1.2 KiB
TypeScript
import React from 'react'
|
|
import classnames from 'classnames'
|
|
import UncapStar from '~components/UncapStar'
|
|
|
|
import './index.scss'
|
|
|
|
|
|
interface Props {
|
|
type: 'character' | 'weapon' | 'summon'
|
|
rarity?: number
|
|
uncapLevel: number
|
|
flb: boolean
|
|
ulb?: boolean
|
|
}
|
|
|
|
const UncapIndicator = (props: Props) => {
|
|
let numStars
|
|
|
|
if (props.type === 'character') {
|
|
if (props.flb) {
|
|
numStars = 5
|
|
} else {
|
|
numStars = 4
|
|
}
|
|
} else {
|
|
if (props.ulb) {
|
|
numStars = 5
|
|
} else if (props.flb) {
|
|
numStars = 4
|
|
} else {
|
|
numStars = 3
|
|
}
|
|
}
|
|
|
|
return (
|
|
<ul className="UncapIndicator">
|
|
{
|
|
Array.from(Array(numStars)).map((x, i) => {
|
|
if (props.type === 'character' && i > 3 ||
|
|
props.type !== 'character' && i > 2) {
|
|
return <UncapStar uncap={true} key={`star_${i}`} />
|
|
} else {
|
|
return <UncapStar uncap={false} key={`star_${i}`} />
|
|
}
|
|
})
|
|
}
|
|
</ul>
|
|
)
|
|
}
|
|
|
|
export default UncapIndicator |