import ActionLog from '@/actionlog/ActionLog'
// import FormTool2 from '@/actionlog/ToolAction/components/Form2'
import { useNavigate, useParams } from '@/router'
import Container from '@inject/shared/components/Container'

const Page = () => {
  const { exerciseId, teamId, channelId } = useParams(
    '/trainee/:exerciseId/:teamId/:channelId/tool'
  )
  const nav = useNavigate()

  return (
    <Container makeFullHeight>
      <ActionLog
        exerciseId={exerciseId}
        teamId={teamId}
        channelId={channelId}
        getOnInspect={actionLogId => () =>
          nav('/trainee/:exerciseId/:teamId/:channelId/tool/:actionLogId', {
            params: { exerciseId, teamId, channelId, actionLogId },
          })
        }
        noDataProps={{
          title: "You haven't used any tools yet",
          description:
            'Responses from tools will appear here. You can use a tool by \
              clicking on it in the right sidebar',
        }}
      />
    </Container>
  )
}

export default Page
