From 5d17105eba17d7b2afda84be3a5ab4e004008689 Mon Sep 17 00:00:00 2001
From: Katalina Okano <git@kat.cafe>
Date: Tue, 8 Dec 2020 01:02:53 -0500
Subject: [PATCH] load auth login ui config from server only

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

diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index bcd5807..e749d41 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -1,26 +1,25 @@
-import { NextPageContext } from 'next';
+import { GetServerSidePropsContext } 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 = (props: { apiRoot: string }) => {
-    const onSendSecretCode = (code: string) => {
-        console.log(code);
-    };
+const loginPage = (props: { apiURI: string }) => {
     return (
         <AuthLogin
-            onSendSecretCode={onSendSecretCode}
-            discordOAuthLink={`${
-                props.apiRoot || publicRuntimeConfig.apiPublicURI
-            }/login-bounce`}
+            onSendSecretCode={() => {}}
+            discordOAuthLink={`${props.apiURI}/login-bounce`}
         />
     );
 };
 
 export default loginPage;
 
-loginPage.getInitialProps = (context: NextPageContext) => {
-    return { apiRoot: publicRuntimeConfig.apiPublicURI };
+export const getServerSideProps = async (context: GetServerSidePropsContext) => {
+    const { publicRuntimeConfig } = getConfig();
+
+    return {
+        props: {
+            apiURI: publicRuntimeConfig.apiPublicURI,
+        },
+    };
 };