2022-09-01 17:59:59 +02:00
|
|
|
import React from 'react';
|
|
|
|
import Sidebar from "../../components/navigation/Sidebar";
|
|
|
|
import Header from "../../components/navigation/Header";
|
|
|
|
import ColorSelectorModal from "../../components/modal/ColorSelectorModal";
|
|
|
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
|
|
import {faBug} from "@fortawesome/free-solid-svg-icons";
|
|
|
|
import {useDataRequest} from "../../hooks/dataFetchHook";
|
|
|
|
import {fetchErrorLogs} from "../../service/metadataService";
|
|
|
|
import ErrorPage from "./ErrorPage";
|
|
|
|
import ErrorsAccordion from "../../components/accordion/ErrorsAccordion";
|
|
|
|
import {Card} from "react-bootstrap-v5";
|
|
|
|
|
|
|
|
const ErrorsPage = () => {
|
|
|
|
const {data, loadingError} = useDataRequest(fetchErrorLogs, []);
|
|
|
|
|
|
|
|
if (loadingError) return <ErrorPage error={loadingError}/>;
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2023-01-26 13:18:51 +01:00
|
|
|
<Sidebar page={'Errors'} items={[]}/>
|
2022-09-01 17:59:59 +02:00
|
|
|
<div className="d-flex flex-column" id="content-wrapper">
|
2023-01-26 13:18:51 +01:00
|
|
|
<Header page={<><FontAwesomeIcon icon={faBug}/> Error Logs</>} hideUpdater/>
|
2022-09-01 17:59:59 +02:00
|
|
|
<div id="content" style={{display: 'flex'}}>
|
|
|
|
<main className="container-fluid mt-4">
|
|
|
|
<Card>
|
|
|
|
<ErrorsAccordion errors={data}/>
|
|
|
|
</Card>
|
|
|
|
</main>
|
|
|
|
<aside>
|
|
|
|
<ColorSelectorModal/>
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ErrorsPage
|