{t("FABRegisterBotSecondary")}
)}
- {isUserAuthenticated && !isUserBot && (
-
+ {isUserAuthenticated && !primaryBotToken && (
+
{t("FABGettingStarted")}
-
- {t("FABSeparateBotAccount")}
+
+ {t("FABCreateBotTitle")}
+
)}
- {isUserAuthenticated && isUserBot && (
+ {isUserAuthenticated && primaryBotToken && (
+ {t("FABCreateBotDescription")}
+
{t("FABBotRegistered")}
@@ -159,17 +161,17 @@ const AiBenchmarkingTournamentPage: FC<{ token: string | null }> = ({
setModalOpen(false)}>
- {t("FABCreateBotAccount")} + {t("registrationHeadingSite")}
-- {t("FABBotAlreadyCreated")} +
+ {t("FABCreatePopupDescription")}
{/*
The project ID to add the user to is hardcoded here - the FAB project is changed once every quarter, and it doesn't
make sense to build infrastructure to manage the ID from the UI. When the new FAB tournament starts, we'll just change the ID here.
*/}
-
{t.rich("registrationTerms", {
@@ -194,7 +196,7 @@ const AiBenchmarkingTournamentPage: FC<{ token: string | null }> = ({
{t("FABTokenInfo")}
diff --git a/front_end/src/app/(main)/aib/page.tsx b/front_end/src/app/(main)/aib/page.tsx
deleted file mode 100644
index 6e3852451b..0000000000
--- a/front_end/src/app/(main)/aib/page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { getServerSession } from "@/services/session";
-
-import AiBenchmarkingTournamentPage from "./components/page-view";
-
-export const metadata = {
- title: "AI Forecasting Benchmark Tournament | Metaculus",
- description:
- "Join the AI Forecasting Benchmark (AIB) tournament on Metaculus. Test your AI bot's ability to make accurate probabilistic forecasts on real-world questions. $30,000 prize pool per quarter. Register your bot and compete against the best AI forecasters.",
-};
-
-export default async function Settings() {
- const token = await getServerSession();
-
- return
- {token}
+ {primaryBotToken}
+ {t("impersonationBannerText")}
+
+
+ );
+};
+
+export default ImpersonationBanner;
diff --git a/front_end/src/app/(main)/layout.tsx b/front_end/src/app/(main)/layout.tsx
index 6fd8043bb1..014035924c 100644
--- a/front_end/src/app/(main)/layout.tsx
+++ b/front_end/src/app/(main)/layout.tsx
@@ -3,6 +3,7 @@ import "@fortawesome/fontawesome-svg-core/styles.css";
import type { Metadata } from "next";
import { defaultDescription } from "@/constants/metadata";
+import { getImpersonatorSession } from "@/services/session";
import { getPublicSettings } from "@/utils/public_settings.server";
import FeedbackFloat from "./(home)/components/feedback_float";
@@ -10,6 +11,7 @@ import Bulletins from "./components/bulletins";
import CookiesBanner from "./components/cookies_banner";
import Footer from "./components/footer";
import GlobalHeader from "./components/headers/global_header";
+import ImpersonationBanner from "./components/impersonation_banner";
import VersionChecker from "./components/version_checker";
config.autoAddCss = false;
@@ -26,9 +28,14 @@ export default async function RootLayout({
}: Readonly<{
children: React.ReactNode;
}>) {
+ const impersonatorToken = await getImpersonatorSession();
+
return (
{children}
{!PUBLIC_MINIMAL_UI && (
diff --git a/front_end/src/components/auth/signup.tsx b/front_end/src/components/auth/signup.tsx
index 8d927544d6..c943426cb5 100644
--- a/front_end/src/components/auth/signup.tsx
+++ b/front_end/src/components/auth/signup.tsx
@@ -42,12 +42,14 @@ export const SignupForm: FC<{
email?: string;
inviteToken?: string;
withNewsletterOptin?: boolean;
+ redirectLocation?: string;
}> = ({
forceIsBot,
addToProject,
email,
inviteToken,
withNewsletterOptin,
+ redirectLocation,
}) => {
const t = useTranslations();
const { themeChoice } = useAppTheme();
@@ -72,6 +74,10 @@ export const SignupForm: FC<{
const currentLocation = usePathname();
+ if (!redirectLocation) {
+ redirectLocation = currentLocation;
+ }
+
const { watch, setValue, formState, handleSubmit, setError, clearErrors } =
methods;
@@ -80,7 +86,7 @@ export const SignupForm: FC<{
const onSubmit = async (data: SignUpSchema) => {
const response = await signUpAction({
...data,
- redirectUrl: currentLocation,
+ redirectUrl: redirectLocation,
newsletterOptin: watch("newsletterOptin"),
appTheme: (Object.values(AppTheme) as string[]).includes(
themeChoice ?? ""
@@ -103,7 +109,7 @@ export const SignupForm: FC<{
} else {
sendAnalyticsEvent("register", {
event_category: new URLSearchParams(window.location.search).toString(),
- signupPath: currentLocation,
+ signupPath: redirectLocation,
});
if (response?.is_active) {
setCurrentModal(null);
@@ -350,14 +356,14 @@ const SignUpFormFragment: FC<{
= {
activeVariant?: ButtonVariant;
className?: string;
activeClassName?: string;
+ containerClassName?: string;
};
const ButtonGroup = ({
@@ -28,10 +29,11 @@ const ButtonGroup = ({
variant,
activeVariant = "primary",
className,
+ containerClassName,
activeClassName,
}: Props) => {
return (
-
+
{buttons.map((button, index) => (