import { MouseEvent, useEffect, useState } from 'react';
import { Models } from 'appwrite';
import { account } from '@/clients/appwrite';
import Constants from '@/utilities/constants';
const Home = () => {
const [session, setSession] = useState<Models.User<Models.Preferences> | undefined>(undefined);
const checkSession = async () => {
const validSession = await account.get();
if (validSession) {
setSession(validSession);
}
};
useEffect(() => {
checkSession();
}, []);
const googleAuth = async (e: MouseEvent<HTMLButtonElement>) => {
e.preventDefault();
account.createOAuth2Session('google', Constants.BASE_URL, Constants.BASE_URL);
const newSession = await account.get();
setSession(newSession);
};
const handleLogout = async (e: MouseEvent<HTMLButtonElement>) => {
e.preventDefault();
await account.deleteSessions();
setSession(undefined);
};
return (
<div>
{session ? (
<button
type='button'
onClick={handleLogout}>
Logout
</button>
) : (
<button
type='button'
onClick={googleAuth}>
Sign in with Google
</button>
)}
</div>
);
};
export default Home;