|
|
|
|
@ -14,13 +14,13 @@ const ChildChunks: FC<Props> = ({
|
|
|
|
|
payload,
|
|
|
|
|
isShowAll,
|
|
|
|
|
}) => {
|
|
|
|
|
const { id, score, content } = payload
|
|
|
|
|
const { id, score, content, position } = payload
|
|
|
|
|
return (
|
|
|
|
|
<div
|
|
|
|
|
className={!isShowAll ? 'line-clamp-2' : ''}
|
|
|
|
|
>
|
|
|
|
|
<div className='inline-flex items-center relative top-[-3px]'>
|
|
|
|
|
<div className='flex items-center h-[24px] bg-state-accent-solid system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{id}</div>
|
|
|
|
|
<div className='flex items-center h-[24px] bg-state-accent-solid system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{position}</div>
|
|
|
|
|
<Score value={score} besideChunkName />
|
|
|
|
|
</div>
|
|
|
|
|
<SliceContent className='bg-state-accent-hover group-hover:bg-state-accent-hover text-text-secondary font-normal'>{content}</SliceContent>
|
|
|
|
|
|