UserList.jsx

import m from 'mithril'
import User from '../models/User'

const Container = '.p-10.bg-pri'

const UserListItem = {
  view({ attrs: { user } }) {
    return (
      <div class="user-list">
        {user.firstName} {user.lastName}
      </div>
    )
  },
}

const UserList = {
  oninit: User.loadList,

  view() {
    if (User.loading) return <div>Loading ...</div>
    return (
      <Container>
        <div class="user-list">
          {User.list.map(user => m(UserListItem, { user }))}
        </div>
      </Container>
    )
  },
}

export default UserList