31 lines
967 B
TypeScript
31 lines
967 B
TypeScript
import React from 'react';
|
|
import { TasksIcon } from './icons/Icons';
|
|
import { useAppContext } from '../context/AppContext';
|
|
import BatchStats from './batch/BatchStats';
|
|
import ServiceMonitor from './batch/ServiceMonitor';
|
|
|
|
const BatchProcessPage: React.FC = () => {
|
|
const { batchServices, batchJobs } = useAppContext();
|
|
|
|
return (
|
|
<main className="px-4 sm:px-6 lg:px-8 pb-8">
|
|
<div className="flex items-center mb-6">
|
|
<TasksIcon className="text-3xl text-red-600 mr-4" />
|
|
<div>
|
|
<h1 className="text-3xl font-bold text-gray-800">Pemantauan Proses Batch</h1>
|
|
<p className="mt-1 text-gray-600">
|
|
Monitor status dan performa pekerjaan backend yang terjadwal.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="space-y-8">
|
|
<BatchStats jobs={batchJobs} />
|
|
<ServiceMonitor services={batchServices} jobs={batchJobs} />
|
|
</div>
|
|
</main>
|
|
);
|
|
};
|
|
|
|
export default BatchProcessPage;
|