38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
// @flow
|
||
import { inject, observer } from "mobx-react";
|
||
import * as React from "react";
|
||
import { useTranslation, Trans } from "react-i18next";
|
||
|
||
import AuthStore from "stores/AuthStore";
|
||
import CenteredContent from "components/CenteredContent";
|
||
import PageTitle from "components/PageTitle";
|
||
|
||
const ErrorSuspended = ({ auth }: { auth: AuthStore }) => {
|
||
const { t } = useTranslation();
|
||
|
||
return (
|
||
<CenteredContent>
|
||
<PageTitle title={t("Your account has been suspended")} />
|
||
<h1>
|
||
<span role="img" aria-label="Warning sign">
|
||
⚠️
|
||
</span>{" "}
|
||
{t("Your account has been suspended")}
|
||
</h1>
|
||
|
||
<p>
|
||
<Trans>
|
||
A team admin (
|
||
<strong>
|
||
{{ suspendedContactEmail: auth.suspendedContactEmail }}
|
||
</strong>
|
||
) has suspended your account. To re-activate your account, please
|
||
reach out to them directly.
|
||
</Trans>
|
||
</p>
|
||
</CenteredContent>
|
||
);
|
||
};
|
||
|
||
export default inject("auth")(observer(ErrorSuspended));
|