From bd15d1f6fa72ea7ad3dba92d70876d12ba704768 Mon Sep 17 00:00:00 2001
From: Katalina Okano <git@kat.cafe>
Date: Sun, 6 Dec 2020 07:34:25 -0500
Subject: [PATCH] fix auth/login base url resolution failure

---
 src/pages/auth/login.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 9968f3a..797b178 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -1,19 +1,24 @@
+import { NextPageContext } from 'next';
 import getConfig from 'next/config';
 import * as React from 'react';
 import { AuthLogin } from 'roleypoly/design-system/templates/auth-login';
 
-const { publicRuntimeConfig } = getConfig();
-
-const loginPage = () => {
+const loginPage = (props: { apiRoot: string }) => {
     const onSendSecretCode = (code: string) => {
         console.log(code);
     };
     return (
         <AuthLogin
             onSendSecretCode={onSendSecretCode}
-            discordOAuthLink={`${publicRuntimeConfig.apiPublicURI}/login-bounce`}
+            discordOAuthLink={`${props.apiRoot}/login-bounce`}
         />
     );
 };
 
 export default loginPage;
+
+loginPage.getInitialProps = (context: NextPageContext) => {
+    const { publicRuntimeConfig } = getConfig();
+
+    return { apiRoot: publicRuntimeConfig.apiPublicURI };
+};