| @@ -4,7 +4,7 @@ import React from 'react' | |||
| import cn from '@/utils/classnames' | |||
| type Props = { | |||
| value: number | |||
| value: number | null | |||
| besideChunkName?: boolean | |||
| } | |||
| @@ -12,6 +12,9 @@ const Score: FC<Props> = ({ | |||
| value, | |||
| besideChunkName, | |||
| }) => { | |||
| if (!value) | |||
| return null | |||
| return ( | |||
| <div className={cn('relative items-center px-[5px] border border-components-progress-bar-border overflow-hidden', besideChunkName ? 'border-l-0 h-[20.5px]' : 'h-[20px] rounded-md')}> | |||
| <div className={cn('absolute top-0 left-0 h-full bg-util-colors-blue-brand-blue-brand-100 border-r-[1.5px] border-components-progress-brand-progress', value === 1 && 'border-r-0')} style={{ width: `${value * 100}%` }} /> | |||