import React, {useEffect, useState} from 'react';
import './App.css';
import logo from "./via-logo.svg"
import {Row} from "antd"
import socket, { emit } from "./util/socket";
import NextShot from "./components/NextShot";
import ShotsTaken from "./components/ShotsTaken";
import Feed from "./components/Feed";
import Lobby from "./components/Lobby";
const App = () => {
const [started, setStarted] = useState(false);
useEffect(() => {
socket.on('started', async () => {
setStarted(true);
console.log('ffin started')
});
return () => {
socket.off("started");
}
});
const feedContent = (
);
const lobbyContent = (
);
const content = started ? feedContent : lobbyContent;
return (
<>
>
);
};
export default App;