bd9292e8a9
* add some positive notifications after successful actions * some improvements * improve alerts reducer tests
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Task } from 'generated-sources';
|
|
import PageLoader from 'components/common/PageLoader/PageLoader';
|
|
import { Table } from 'components/common/table/Table/Table.styled';
|
|
import TableHeaderCell from 'components/common/table/TableHeaderCell/TableHeaderCell';
|
|
|
|
import ListItemContainer from './ListItem/ListItemContainer';
|
|
|
|
export interface TasksProps {
|
|
areTasksFetching: boolean;
|
|
tasks: Task[];
|
|
}
|
|
|
|
const Tasks: React.FC<TasksProps> = ({ areTasksFetching, tasks }) => {
|
|
if (areTasksFetching) {
|
|
return <PageLoader />;
|
|
}
|
|
|
|
return (
|
|
<Table isFullwidth>
|
|
<thead>
|
|
<tr>
|
|
<TableHeaderCell title="ID" />
|
|
<TableHeaderCell title="Worker" />
|
|
<TableHeaderCell title="State" />
|
|
<TableHeaderCell title="Trace" />
|
|
<TableHeaderCell />
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{tasks.length === 0 && (
|
|
<tr>
|
|
<td colSpan={10}>No tasks found</td>
|
|
</tr>
|
|
)}
|
|
{tasks.map((task) => (
|
|
<ListItemContainer key={task.status?.id} task={task} />
|
|
))}
|
|
</tbody>
|
|
</Table>
|
|
);
|
|
};
|
|
|
|
export default Tasks;
|