a123967645
* move components folder and fix build errors Fixes https://github.com/owncast/owncast/issues/689 * Prettified Code! Co-authored-by: nebunez <nebunez@users.noreply.github.com>
35 lines
829 B
TypeScript
35 lines
829 B
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import LogTable from '../components/log-table';
|
|
|
|
import { LOGS_ALL, fetchData } from '../utils/apis';
|
|
|
|
const FETCH_INTERVAL = 5 * 1000; // 5 sec
|
|
|
|
export default function Logs() {
|
|
const [logs, setLogs] = useState([]);
|
|
|
|
const getInfo = async () => {
|
|
try {
|
|
const result = await fetchData(LOGS_ALL);
|
|
setLogs(result);
|
|
} catch (error) {
|
|
console.log('==== error', error);
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
let getStatusIntervalId = null;
|
|
|
|
setInterval(getInfo, FETCH_INTERVAL);
|
|
getInfo();
|
|
|
|
getStatusIntervalId = setInterval(getInfo, FETCH_INTERVAL);
|
|
// returned function will be called on component unmount
|
|
return () => {
|
|
clearInterval(getStatusIntervalId);
|
|
};
|
|
}, []);
|
|
|
|
return <LogTable logs={logs} pageSize={20} />;
|
|
}
|