mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
9013497a5a
* dev: update email check endpoint * fix: auth magic login check * chore: updated the error code handler and handled authentication workflow * dev: add magic link login --------- Co-authored-by: pablohashescobar <nikhilschacko@gmail.com> Co-authored-by: guru_sainath <gurusainath007@gmail.com>
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { observer } from "mobx-react";
|
|
// components
|
|
import { GithubOAuthButton, GoogleOAuthButton } from "@/components/account";
|
|
// hooks
|
|
import { useInstance } from "@/hooks/store";
|
|
|
|
type TOAuthOptionProps = {
|
|
isSignUp?: boolean;
|
|
};
|
|
|
|
export const OAuthOptions: React.FC<TOAuthOptionProps> = observer(() => {
|
|
// hooks
|
|
const { config } = useInstance();
|
|
|
|
const isOAuthEnabled = (config && (config?.is_google_enabled || config?.is_github_enabled)) || false;
|
|
|
|
if (!isOAuthEnabled) return null;
|
|
|
|
return (
|
|
<>
|
|
<div className="mt-4 flex items-center">
|
|
<hr className="w-full border-onboarding-border-100" />
|
|
<p className="mx-3 flex-shrink-0 text-center text-sm text-onboarding-text-400">or</p>
|
|
<hr className="w-full border-onboarding-border-100" />
|
|
</div>
|
|
<div className={`mt-7 grid gap-4 overflow-hidden`}>
|
|
{config?.is_google_enabled && (
|
|
<div className="flex h-[42px] items-center !overflow-hidden">
|
|
<GoogleOAuthButton text="Continue with Google" />
|
|
</div>
|
|
)}
|
|
{config?.is_github_enabled && <GithubOAuthButton text="Continue with Github" />}
|
|
</div>
|
|
</>
|
|
);
|
|
});
|