import Link from 'next/link'
import getUrl from '../util/getUrl'

const DocItem = ({ id, name, dir, updated }) => {
  name = dir + (dir.length > 0 ? '/' : '') + name
  const as = getUrl('k/' + id)
  const href = { pathname: '/k', query: { id } }
  return (
    <tr>
      <td>
        <Link {...{ href, as }}>
          <a>
            <p className="noMargin">
              {name}
              <span className="float-right">
                {new Date(updated).toLocaleDateString('en-US')}
              </span>
            </p>
          </a>
        </Link>
      </td>
    </tr>
  )
}

export default DocItem