Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-23 17:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: oidc login failed message before redirect (#5648)

Browse source
This commit is contained in:
Laurin Quast 2024-10-08 13:01:31 +02:00 committed by GitHub
parent 9c626df401
commit 19d002173f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/web/app/src/pages/auth-oidc.tsx
View file

@ -14,8 +14,9 @@ function AuthOIDC(props: { oidcId: string; redirectToPath: string }) {
if (!env.auth.oidc) {
throw new Error('OIDC provider is not configured');
}
await startAuthFlowForOIDCProvider(props.oidcId);
// we need to return something, otherwise react-query will throw an error
return true;
},
});

11
packages/web/app/src/pages/auth-sso.tsx
View file

@ -1,4 +1,4 @@
import { useCallback } from 'react';
import { useCallback, useEffect } from 'react';
import { CircleHelpIcon } from 'lucide-react';
import { useForm } from 'react-hook-form';
import { useSessionContext } from 'supertokens-auth-react/recipe/session';
@ -102,11 +102,14 @@ export function AuthSSOPage(props: { redirectToPath: string }) {
},
disabled: sso.isPending,
});
useEffect(() => {
form.setFocus('slug', { shouldSelect: true });
}, [sso.isPending]);
const { toast } = useToast();
const onSubmit = useCallback(
(data: SSOFormValues) => {
sso.reset();
sso.mutate({
slug: data.slug,
});
@ -143,7 +146,7 @@ export function AuthSSOPage(props: { redirectToPath: string }) {
<FormField
control={form.control}
name="slug"
render={({ field }) => (
render={() => (
<FormItem>
<FormLabel className="flex flex-row items-center gap-x-2">
Organization slug{' '}
@ -163,7 +166,7 @@ export function AuthSSOPage(props: { redirectToPath: string }) {
</TooltipProvider>
</FormLabel>
<FormControl>
<Input placeholder="acme" {...field} />
<Input placeholder="acme" {...form.register('slug')} />
</FormControl>
<FormMessage />
</FormItem>