ElectronicBabylonianLiterature/ebl-frontend

import React from 'react'

import AppContent from 'common/AppContent'
import withData, { WithoutData } from 'http/withData'
import BibliographyEntryFormController from 'bibliography/ui/BibliographyEntryFormController'
import BibliographyEntry, {
  template,
} from 'bibliography/domain/BibliographyEntry'
import { History } from 'history'
import { match } from 'react-router'
import { SectionCrumb, TextCrumb } from 'common/Breadcrumbs'
import Promise from 'bluebird'

type Props = {
  data: BibliographyEntry
  bibliographyService: {
    create(entry: BibliographyEntry): Promise<BibliographyEntry>
    find(id: string): Promise<BibliographyEntry>
    update(entry: BibliographyEntry): Promise<BibliographyEntry>
  }
  create?: boolean
  history: History
}
function BibliographyEditor({
  data,
  bibliographyService,
  create = false,
  history,
}: Props): JSX.Element {
  function createEntry(entry: BibliographyEntry): Promise<void> {
    return bibliographyService
      .create(entry)
      .then(() =>
        history.push(`/bibliography/references/${encodeURIComponent(entry.id)}`)
      )
  }

  function updateEntry(entry: BibliographyEntry): Promise<BibliographyEntry> {
    return bibliographyService.update(entry)
  }

  return (
    <AppContent
      crumbs={[
        new SectionCrumb('Bibliography'),
        new SectionCrumb('References'),
        new TextCrumb(create ? 'New entry' : data.id),
      ]}
      title={create ? 'Create' : `Edit ${data.id}`}
    >
      <BibliographyEntryFormController
        entry={data}
        onSubmit={create ? createEntry : updateEntry}
      />
    </AppContent>
  )
}

export default withData<
  WithoutData<Props>,
  { match: match },
  BibliographyEntry
>(
  BibliographyEditor,
  (props) => props.bibliographyService.find(props.match.params['id']),
  {
    watch: (props) => [props.create, props.match.params['id']],
    filter: (props) => !props.create,
    defaultData: () => template,
  }
)