/* eslint-disable @typescript-eslint/naming-convention */ import { useEffect, useState } from 'react' import React from 'react' import { useServerLog } from '@/hooks/useServerLog' const Logs = () => { const { getServerLog } = useServerLog() const [logs, setLogs] = useState([]) useEffect(() => { getServerLog().then((log) => { setLogs(log.split(/\r?\n|\r|\n/g)) }) // eslint-disable-next-line react-hooks/exhaustive-deps }, [logs]) return (

{logs.length > 1 ? (


          {logs.map((log, i) => {
            return (
              
                {log}
              
            )
          })}

) : (

Empty logs

)}

) } export default Logs