35 lines
784 B
JavaScript
35 lines
784 B
JavaScript
|
|
// FILE INI UNTUK TEST TAMPILAN DATA DENGAN API
|
|
|
|
import { useEffect, useState } from "react";
|
|
import { getProcessedQueues } from "../Admin/TestQueueActions";
|
|
import { Container, Card, Row, Col, Table } from "react-bootstrap";
|
|
|
|
const ServiceSelection = () => {
|
|
const [queues, setQueues] = useState([]);
|
|
|
|
useEffect(() => {
|
|
getProcessedQueues().then(setQueues);
|
|
}, []);
|
|
|
|
return (
|
|
<Container>
|
|
<Row>
|
|
{queues.map((operator) => (
|
|
<Col key={operator.operatorId}>
|
|
<h3>{operator.operatorName}</h3>
|
|
<ul>
|
|
{operator.queues.map((queue) => (
|
|
<li key={queue.id}>{queue.serviceName}</li>
|
|
))}
|
|
</ul>
|
|
</Col>
|
|
))}
|
|
</Row>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default ServiceSelection;
|
|
|