This commit is contained in:
nflnkr 2023-03-30 16:17:06 +03:00
parent 2df36b9d7f
commit b6ad40f24e

@ -1,12 +1,11 @@
import { CircularProgress, List, ListItem, Box, useTheme, Pagination } from "@mui/material";
import { useEffect, useState } from "react";
import TicketCard from "./TicketCard";
import { useSnackbar } from "notistack";
import { apiRequestHandler } from "@utils/api/apiRequestHandler";
import { ApiError, Ticket } from "@utils/api/types";
const TICKETS_PER_PAGE = 10;
export default function TicketList() {
@ -17,8 +16,7 @@ export default function TicketList() {
const [currentPage, setCurrentPage] = useState<number>(0);
const [isLoading, setIsLoading] = useState<boolean>(false);
useEffect(
function fetchTickets() {
useEffect(function fetchTickets() {
setIsLoading(true);
const abortController = new AbortController();
@ -39,12 +37,9 @@ export default function TicketList() {
return () => {
abortController.abort();
};
},
[currentPage, enqueueSnackbar]
);
}, [currentPage, enqueueSnackbar]);
useEffect(
function subscribeToTickets() {
useEffect(function subscribeToTickets() {
const unsubscribe = apiRequestHandler.subscribeToAllTickets({
onMessage(event) {
console.log("SSE received:", event.data);
@ -72,9 +67,7 @@ export default function TicketList() {
return () => {
unsubscribe();
};
},
[tickets]
);
}, [tickets]);
return (
<Box