34 lines
834 B
JavaScript
34 lines
834 B
JavaScript
|
'use client';
|
||
|
|
|
||
|
|
import { Chip } from '@mui/material';
|
||
|
|
import { Star as StarIcon } from '@mui/icons-material';
|
||
|
|
import { useTranslation } from 'react-i18next';
|
||
|
|
import { getRatingConfigI18n, formatScore } from '@/components/datasets/utils/ratingUtils';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 评分展示组件
|
||
|
|
* @param {number} score - 评分值
|
||
|
|
*/
|
||
|
|
const RatingChip = ({ score }) => {
|
||
|
|
const { t } = useTranslation();
|
||
|
|
const config = getRatingConfigI18n(score, t);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Chip
|
||
|
|
icon={<StarIcon sx={{ fontSize: '14px !important' }} />}
|
||
|
|
label={`${formatScore(score)} ${config.label}`}
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
backgroundColor: config.backgroundColor,
|
||
|
|
color: config.color,
|
||
|
|
fontWeight: 'medium',
|
||
|
|
'& .MuiChip-icon': {
|
||
|
|
color: config.color
|
||
|
|
}
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default RatingChip;
|