29 lines
929 B
TypeScript
29 lines
929 B
TypeScript
|
import Divider from '@/components/ui/Divider';
|
|||
|
|
import LabeledValue from '@/components/ui/LabeledValue';
|
|||
|
|
import { IOperationSchemaStats } from '@/models/oss';
|
|||
|
|
|
|||
|
|
interface OssStatsProps {
|
|||
|
|
stats?: IOperationSchemaStats;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function OssStats({ stats }: OssStatsProps) {
|
|||
|
|
if (!stats) {
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<div className='flex flex-col sm:gap-1 sm:ml-6 sm:mt-8 sm:w-[16rem]'>
|
|||
|
|
<Divider margins='my-2' className='sm:hidden' />
|
|||
|
|
|
|||
|
|
<LabeledValue id='count_all' label='Всего операций' text={stats.count_operations} />
|
|||
|
|
<LabeledValue id='count_inputs' label='Загрузка' text={stats.count_inputs} />
|
|||
|
|
<LabeledValue id='count_synthesis' label='Синтез' text={stats.count_synthesis} />
|
|||
|
|
|
|||
|
|
<Divider margins='my-2' />
|
|||
|
|
|
|||
|
|
<LabeledValue id='count_schemas' label='Прикрепленные схемы' text={stats.count_schemas} />
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default OssStats;
|