import Log from '../components/log.js'
const axios = require('axios')

function Logs ({ logs }) {
  return (
    <div>
      {logs.logs.map((log) => (
        <Log log={log} />
      ))}
    </div>
  )
}

export async function getStaticProps () {
  let logs = {}
  try {
    const response = await axios.get('https://api/logs')
    console.log(response.data)
    logs = response.data
  } catch (error) {
    console.error(error)
  }
  return {
    props: {
      logs
    }
  }
}

export default Logs