import { useState, useEffect } from "react";
import { GoogleLogout } from "react-google-login";
import { useDispatch, useSelector } from "react-redux";
import { updateLoginStatus } from "../redux-elements/loginStatus";
const clientId = "28960402387-lioh5qksd4js14rkahl6gkqt3v0o7t9n.apps.googleusercontent.com"

const Logout = () => {
    const dispatch = useDispatch();
   const loginStatus = useSelector(state => state.loginStatus)
    const onSuccess = () => {
        dispatch(updateLoginStatus({ prop: "isLoggedIn", value: false }));
        dispatch(updateLoginStatus({ prop: "loginToken", value: null }));
        async function logoutBackend() {
            const response = await fetch("http://127.0.0.1:8000/sabreapi/v1/auth/logout/", {
                method: "POST",
                headers: { "Content-Type": "application/json" },
                body: JSON.stringify({
                    token_id: loginStatus.loginToken,
                }) 
            })
            const data = await response.json();
            alert(data.success)
        }
        logoutBackend()
        
        
     }
    return (
        <div id="signOutButton">
            
        </div>
    )
}
export default Logout;