console/packages/web/app/pages/auth/[[...path]].tsx
Laurin Quast 7656b7957d
feat: clean app env (#422)
* feat: document environment variables

* more env documentation

* wip

* add noop for backend env

* typo

* feat: embed environment validation/parsing in built app

* fix the sentry integration 😌

* feat: use env

* feat: decode the usage service environment

* feat: decode the webhooks service environment

* feat: disallow process.env

* feat: decode the tokens service environment

* feat: decode the stripe-billing service environment

* feat: decode server service environment

* feat: decode schema service environment

* feat: decode rate-limit service environment

* feat: decode usage-estimator service environment

* feat: decode emails service environment

* adjust env

* remove commented out code

* adjust env variable name

* use separate env variables

* env fixes

* more environmental stuff :)

* ...

* replace POSTGRES_CONNECTION_STRING with specific environment variables

* handle optional clickhouse (for now :)

* add missing POSTGRES_DB environment variable

* make ENVIRONMENT optional

* the other matters lol

* feat: support delivering mails via SMTP (#412)

* feat: optional CDN (#410)

* feat: optional CDN

* enable CDN in deployment

* enable the CDN in integration tests

* add sendmail provider

* remove unused env variables from the deployment

* only show login alert when legacy auth0 migration is enabled

* feat: make TOKENS_ENDPOINT mandatory and RATE_LIMIT_ENDPOINT optional for usage service

* feat: upgrade supertokens and enable server side email confirmation (#423)

* feat: upgrade supertokens and enable server side email confirmation

* feat: opt into required email verification

* docs: self hosting (#428)

* docs: self-hosting quick start

* Update packages/web/docs/pages/self-hosting/get-started.mdx

Co-authored-by: Kamil Kisiela <kamil.kisiela@gmail.com>

Co-authored-by: Kamil Kisiela <kamil.kisiela@gmail.com>

Co-authored-by: Kamil Kisiela <kamil.kisiela@gmail.com>

* feat: optional GitHub and Slack environment variables (#440)

* feat: optional github integration environment variables

* feat: optional slack integration (#441)

* use latest stable supertokens

Co-authored-by: Kamil Kisiela <kamil.kisiela@gmail.com>
2022-10-04 14:30:21 +02:00

70 lines
2.4 KiB
TypeScript

import React from 'react';
import Head from 'next/head';
import 'twin.macro';
import { FullLogo } from '@/components/common/Logo';
import dynamic from 'next/dynamic';
import SuperTokensReact from 'supertokens-auth-react';
import { env } from '@/env/frontend';
export function getServerSideProps() {
return {
props: {},
};
}
const SuperTokensComponentNoSSR = dynamic(new Promise(res => res(SuperTokensReact.getRoutingComponent)) as any, {
ssr: false,
});
/**
* Route for showing the SuperTokens login page.
*/
export default function Auth(): React.ReactElement {
return (
<>
<>
<Head>
<title>Welcome to GraphQL Hive</title>
<meta property="og:title" content="Welcome to GraphQL Hive" key="title" />
<meta
name="description"
content="An open-source registry of schemas with many additional features to enhance your day-to-day work with GraphQL"
key="description"
/>
<meta property="og:url" key="og:url" content="https://app.graphql-hive.com" />
<meta property="og:type" key="og:type" content="website" />
<meta
property="og:image"
key="og:image"
content="https://the-guild-og-image.vercel.app/**Manage%20your%20GraphQL%20APIs**.png?theme=light&md=1&fontSize=100px&images=https://graphql-hive.com/logo.svg&widths=800&heights=400"
/>
</Head>
<div>
<FullLogo className="mx-auto my-5 text-yellow-500" width={150} color={{ main: '#fff', sub: '#fff' }} />
{env.auth.legacyAuth0 === true ? (
<div tw="mx-auto bg-yellow-200 text-black sm:width[420px] width[76%] rounded-lg shadow-lg p-5 text-xs">
We recently migrated from Auth0 to SuperTokens. If you have any issues, please contact us at{' '}
<a href="mailto:kamil@graphql-hive.com" className="underline">
kamil@graphql-hive.com
</a>{' '}
or using the{' '}
<a
href="#"
className="underline"
onClick={() => {
if (typeof window !== 'undefined' && (window as any).$crisp) {
(window as any).$crisp.push(['do', 'chat:open']);
}
}}
>
in-app chat
</a>
.
</div>
) : null}
<SuperTokensComponentNoSSR />
</div>
</>
</>
);
}