casefu-generator/lib/static/react/frontend/src/shared/screen/EditScreen.js

CaseFu.com generator

import React, { Suspense } from 'react'
import { useParams } from 'react-router-dom'
import { Card } from 'react-bootstrap'
import { EditForm } from '.'
import { SkeletonForm } from '../form'

export default ({ title, entityTitle, url, useResourceEdit, rows, validationSchema, update, children }) => {
  const { id } = useParams()

  return <>
    <h2>
      {title}
    </h2>
    <Card>
      <Card.Body>
        <Card.Title>
          {entityTitle}
        </Card.Title>

        <Suspense fallback={<SkeletonForm rows={rows}/>}>
          <EditForm url={url}
                    useResourceEdit={useResourceEdit}
                    id={id}
                    rows={rows}
                    validationSchema={validationSchema}
                    update={update}>
            {children}
          </EditForm>
        </Suspense>
      </Card.Body>
    </Card>
  </>
}