26 lines
525 B
TypeScript
26 lines
525 B
TypeScript
import { useContext } from "react";
|
|
import { AccountContext } from "../contexts/AccountContext";
|
|
import LoginForm from "../forms/LoginForm";
|
|
import { Col, Row } from "reactstrap";
|
|
|
|
interface AccountGuardProps {
|
|
children: JSX.Element | JSX.Element[];
|
|
}
|
|
|
|
export default function AccountGuard({ children }: AccountGuardProps) {
|
|
const { account } = useContext(AccountContext);
|
|
|
|
return (
|
|
<>
|
|
{account ? (
|
|
<>{children}</>
|
|
) : (
|
|
<Row>
|
|
<Col xs={6}>
|
|
<LoginForm />
|
|
</Col>
|
|
</Row>
|
|
)}
|
|
</>
|
|
);
|
|
}
|