You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
// Copyright (C) 2020 Intel Corporation
|
|
//
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
import React from 'react';
|
|
import { Row, Col } from 'antd/lib/grid';
|
|
import Text from 'antd/lib/typography/Text';
|
|
|
|
import { Model } from 'reducers/interfaces';
|
|
import DeployedModelItem from './deployed-model-item';
|
|
|
|
interface Props {
|
|
models: Model[];
|
|
}
|
|
|
|
export default function DeployedModelsListComponent(props: Props): JSX.Element {
|
|
const { models } = props;
|
|
|
|
const items = models.map((model): JSX.Element => <DeployedModelItem key={model.id} model={model} />);
|
|
|
|
return (
|
|
<>
|
|
<Row justify='center' align='middle'>
|
|
<Col md={22} lg={18} xl={16} xxl={14} className='cvat-models-list'>
|
|
<Row align='middle' style={{ padding: '10px' }}>
|
|
<Col span={3}>
|
|
<Text strong>Framework</Text>
|
|
</Col>
|
|
<Col span={3}>
|
|
<Text strong>Name</Text>
|
|
</Col>
|
|
<Col span={3}>
|
|
<Text strong>Type</Text>
|
|
</Col>
|
|
<Col span={10}>
|
|
<Text strong>Description</Text>
|
|
</Col>
|
|
<Col span={5}>
|
|
<Text strong>Labels</Text>
|
|
</Col>
|
|
</Row>
|
|
{items}
|
|
</Col>
|
|
</Row>
|
|
</>
|
|
);
|
|
}
|