const html = require('choo/html');
const file = require('./file');

module.exports = function(state, emit) {
  let table = '';
  if (state.storage.files.length) {
    table = html`
    <table id="uploaded-files">
      <thead>
        <tr>
          <th id="uploaded-file">${state.translate('uploadedFile')}</th>
          <th id="copy-file-list" class="center-col">${state.translate(
            'copyFileList'
          )}</th>
          <th id="expiry-file-list">${state.translate('expiryFileList')}</th>
          <th id="delete-file-list" class="center-col">${state.translate(
            'deleteFileList'
          )}</th>
        </tr>
      </thead>
      <tbody>
        ${state.storage.files.map(f => file(f, state, emit))}
      </tbody>
    </table>
    `;
  }
  return html`
  <div id="file-list">
    ${table}
  </div>
  `;
};