roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-25 03:49:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(auth/login): Login page will set a sessionStorage redirect flag when given an ?r= ID

Browse source 
Also adds HTML titles

Signed-off-by: Katalina Okano <git@kat.cafe>
This commit is contained in:
41666 2020-12-21 05:10:25 -05:00
parent 25ce18b911
commit 779095386d
1 changed files with 48 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/pages/auth/login.tsx
View file

@ -1,22 +1,64 @@
import { GetServerSideProps } from 'next'; import { GetServerSideProps } from 'next';
import getConfig from 'next/config'; import getConfig from 'next/config';
import Head from 'next/head';
import * as React from 'react'; import * as React from 'react';
import { GuildSlug } from 'roleypoly/common/types';
import { apiFetch } from 'roleypoly/common/utils/isomorphicFetch';
import { AuthLogin } from 'roleypoly/design-system/templates/auth-login'; import { AuthLogin } from 'roleypoly/design-system/templates/auth-login';
const loginPage = (props: { apiURI: string }) => { const loginPage = (props: { apiURI: string; guildSlug?: GuildSlug }) => {
React.useEffect(() => {
if (props.guildSlug) {
sessionStorage.setItem('redirectAfterNewSession', `/s/${props.guildSlug.id}`);
}
}, [props.guildSlug]);
return ( return (
<>
<Head>
<title>
{props.guildSlug
? `Logging into ${props.guildSlug.name}... - Roleypoly`
: `Logging in... - Roleypoly`}
</title>
</Head>
<AuthLogin <AuthLogin
onSendSecretCode={() => {}} onSendSecretCode={() => 0}
discordOAuthLink={`${props.apiURI}/login-bounce`} discordOAuthLink={`${props.apiURI}/login-bounce`}
guildSlug={props.guildSlug}
/> />
</>
); );
}; };
export default loginPage; export default loginPage;
export const getServerSideProps: GetServerSideProps = async () => { export const getServerSideProps: GetServerSideProps = async (context) => {
const { publicRuntimeConfig } = getConfig(); const { publicRuntimeConfig } = getConfig();
try {
const guildID = context.query['r'];
console.log({ guildID });
if (guildID) {
const guildSlug = await apiFetch<GuildSlug>(
`/get-slug/${guildID}`,
{},
context as any
);
if (guildSlug) {
return {
props: {
apiURI: publicRuntimeConfig.apiPublicURI,
guildSlug,
},
};
}
}
} catch (e) {
// Do nothing.
}
return { return {
props: { props: {
apiURI: publicRuntimeConfig.apiPublicURI, apiURI: publicRuntimeConfig.apiPublicURI,