44e04a4cef
Also fixes #251 Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/263 Co-authored-by: joostdecock <joost@joost.at> Co-committed-by: joostdecock <joost@joost.at>
16 lines
527 B
JavaScript
16 lines
527 B
JavaScript
import React from 'react'
|
|
import { controlDesc } from '@freesewing/config'
|
|
import { BulletIcon } from '@freesewing/react/components/Icon'
|
|
|
|
export const ControlScore = ({ control, color = 'base-content' }) =>
|
|
control ? (
|
|
<div className={`tw:flex tw:flex-row tw:items-center tw:text-${color}`}>
|
|
{Object.keys(controlDesc).map((score) => (
|
|
<BulletIcon
|
|
fill={control >= score ? true : false}
|
|
className="tw:w-6 tw:h-6 tw:-ml-1"
|
|
key={score}
|
|
/>
|
|
))}
|
|
</div>
|
|
) : null
|