import Navbar from "@/components/navbar";
import { fetchUserInfo } from "@/utils/fetchUserInfo";
import { io } from 'socket.io-client';
import { config } from 'dotenv';
import getSocket from "@/components/getSocket";
config({path: '../.env.development.local'})

export async function getServerSideProps(context){
    const { cookie } = context.req.headers;

    if (context.req.cookies['gameStatus'] === undefined){
        return{
            notFound: true
        }
    }
    else{
        const {displayName, userAvatar, isCookieAvailable}  = await fetchUserInfo(cookie)

        return{
            props: {
                displayName, userAvatar, isCookieAvailable
            }
        }
    }
}

export default function Game({displayName, userAvatar, isCookieAvailable}){
    if (typeof window !== 'undefined'){
        const socket = io(process.env.NEXT_PUBLIC_SERVER_URL)
        console.log('here')
        socket.emit('event', 'eventlog')
    }

    return(
        <>
            <Navbar displayName={displayName} userAvatar={userAvatar} isCookieAvailable={isCookieAvailable}/> :
            {!isCookieAvailable && <div style={{color: 'white'}}>Not logged in please login</div>}
        </>
    )
}