GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

update sign-in page

Browse Source
This commit is contained in:
AykutSarac 2023-02-11 20:16:32 +03:00
parent e450041d71
commit f950028455
No known key found for this signature in database
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/containers/Modals/LoginModal/index.tsx
View File

@ -1,22 +1,20 @@
import React from "react";
import { altogic } from "src/api/altogic";
import Link from "next/link";
import { Button } from "src/components/Button";
import { Modal, ModalProps } from "src/components/Modal";
export const LoginModal: React.FC<ModalProps> = ({ setVisible, visible }) => {
const onSignIn = () => {
altogic.auth.signInWithProvider("google");
};
return (
<Modal visible={visible} setVisible={setVisible}>
<Modal.Header>Login</Modal.Header>
<Modal.Content>
<h2>Welcome Back!</h2>
<p>Login to unlock full potential of JSON Crack!</p>
<Button onClick={onSignIn} status="SECONDARY" block>
Sign In
</Button>
<Link href="/sign-in">
<Button onClick={() => setVisible(false)} status="SECONDARY" block>
Sign In
</Button>
</Link>
</Modal.Content>
<Modal.Controls setVisible={setVisible} />
</Modal>

8
src/pages/sign-in.tsx
View File

@ -31,13 +31,13 @@ const StyledLoginButtons = styled.div`
const SignIn = () => {
const { isReady, replace } = useRouter();
const tokenAuth = useUser(state => state.tokenAuth);
const checkSession = useUser(state => state.checkSession);
const isAuthenticated = useUser(state => state.isAuthenticated);
React.useEffect(() => {
if (isAuthenticated) replace("/editor");
if (isReady) tokenAuth();
}, [tokenAuth, isReady, isAuthenticated, replace]);
if (!isReady) checkSession();
if (isAuthenticated) replace("/editor");
}, [isReady, isAuthenticated, replace, checkSession]);
const handleLoginClick = (provider: "github" | "google") => {
altogic.auth.signInWithProvider(provider);