|
|
@@ -18,6 +18,7 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
|
|
|
const { t } = useTranslation();
|
|
|
const router = useRouter();
|
|
|
const { data: user } = useCurrentUser();
|
|
|
+ const [loginSuccess, setLoginSuccess] = useState<boolean>(false);
|
|
|
const [loginErrors, setLoginErrors] = useState<Error[]>([]);
|
|
|
|
|
|
const { invitedFormUsername, invitedFormName } = props;
|
|
|
@@ -41,6 +42,7 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
|
|
|
|
|
|
try {
|
|
|
const res = await apiv3Post('/invited', { invitedForm });
|
|
|
+ setLoginSuccess(true);
|
|
|
const { redirectTo } = res.data;
|
|
|
router.push(redirectTo);
|
|
|
}
|
|
|
@@ -50,6 +52,15 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
|
|
|
}, [router]);
|
|
|
|
|
|
const formNotification = useCallback(() => {
|
|
|
+
|
|
|
+ if (loginSuccess) {
|
|
|
+ return (
|
|
|
+ <p className="alert alert-success">
|
|
|
+ <strong>{ t('message.successfully_connected') }</strong><br></br>
|
|
|
+ </p>
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
return (
|
|
|
<>
|
|
|
{ loginErrors != null && loginErrors.length > 0 ? (
|
|
|
@@ -66,7 +77,7 @@ export const InvitedForm = (props: InvitedFormProps): JSX.Element => {
|
|
|
) }
|
|
|
</>
|
|
|
);
|
|
|
- }, [loginErrors, t]);
|
|
|
+ }, [loginSuccess, loginErrors, t]);
|
|
|
|
|
|
if (user == null) {
|
|
|
return <></>;
|