Document.js

const Document = observer(({ view, store }) => {
    if (!store.isAuthenticated)
        return <Login store={store} afterLogin={() => store.showDocument(view.documentId)} />
    switch (view.document.state) {
        case "pending":
            return <h1>Loading document.. { view.documentId }</h1>
        case "rejected":
            return <Error error={view.document.reason} />
        case "fulfilled":
            return (
                <div>
                    <button onClick={() => store.showOverview()}>Overview</button>
                    <h1>{ view.document.value.name }</h1>
                    <p> { view.document.value.text }</p>
                </div>
            )
    }
})

const Error = ({ error }) => <h1>{"Error: " + error}</h1>