28 lines
879 B
TypeScript
28 lines
879 B
TypeScript
|
import { useContext } from "react";
|
||
|
|
import { Container } from "react-bootstrap";
|
||
|
|
import { TorrentId, ErrorDetails as ApiErrorDetails } from "../api-types";
|
||
|
|
import { AppContext } from "../context";
|
||
|
|
import { TorrentsList } from "./TorrentsList";
|
||
|
|
import { ErrorComponent } from "./ErrorComponent";
|
||
|
|
import { Buttons } from "./Buttons";
|
||
|
|
|
||
|
|
export const RootContent = (props: {
|
||
|
|
closeableError: ApiErrorDetails | null;
|
||
|
|
otherError: ApiErrorDetails | null;
|
||
|
|
torrents: Array<TorrentId> | null;
|
||
|
|
torrentsLoading: boolean;
|
||
|
|
}) => {
|
||
|
|
let ctx = useContext(AppContext);
|
||
|
|
return (
|
||
|
|
<Container>
|
||
|
|
<ErrorComponent
|
||
|
|
error={props.closeableError}
|
||
|
|
remove={() => ctx.setCloseableError(null)}
|
||
|
|
/>
|
||
|
|
<ErrorComponent error={props.otherError} />
|
||
|
|
<TorrentsList torrents={props.torrents} loading={props.torrentsLoading} />
|
||
|
|
<Buttons />
|
||
|
|
</Container>
|
||
|
|
);
|
||
|
|
};
|