import Head from "next/head"; import { ReactElement, useEffect, useState } from "react"; import { io } from "socket.io-client"; import Marquees, { MarqueeLink } from "../components/Marquees/Marquees"; import * as config from "../config"; import styles from "../styles/Home.module.css"; const socket = io(config.backendUrl); const Home = (): ReactElement => { const [value, setValue] = useState(undefined); const [papers, setPapers] = useState([]); useEffect(() => { socket.on("connect", () => { console.log("connected:", socket.id); }); socket.on("disconnect", (reason: string) => { console.log("disconnected, reason:", reason); }); socket.on("update", (arg: number) => { setValue(arg); }); }); useEffect(() => { async function fetchPapers() { const resp = await fetch(`${config.backendUrl}/api/papers`); const data = await resp.json(); setPapers(data); } fetchPapers(); }, []); const increment = () => { socket.emit("increment"); }; const rotateDeg = value !== undefined ? 10 * value : 0; return (
tomi.science
); }; export default Home;