Component: TranscriptForm

[allishultes]

Is your feature request related to a problem? Please describe.
N/A.

Describe the solution you'd like
We'd like a form that allows users to create new transcripts. Because the transcript creation process requires users to upload audio and/or video content, it requires a separate form to the paper edits and projects.

To be accepted, the component must include:

• A text input labelled 'Transcript Title' that takes a transcript title
• A text input labelled 'Transcript Description' that takes the transcript description
• A file upload component that takes audio or video files (@pietrop and @emettely — any limitations on format?)
• A Save button that submits the information in the form and generates a new transcript card based on the data.

For this issue to be marked as complete, it must:

• Have been added to the Storybook
• Have been published on NPM
• Have been refactored for use in DPE client

Out of scope:

• The modal (this is another ticket)

Received Props:

• projectId
• title (string)
• description (string)
• id
• handleSaveForm (function)
• handleCloseModal (function)

Example of the TranscriptForm component being called: https://github.com/bbc/digital-paper-edit-client/blob/master/src/Components/Transcripts/NewTranscriptFormModal.js

Describe alternatives you've considered

We have discussed whether the form for creating new paper edits and projects could be passed additional props to re-use the same component for the creation of new transcripts. This will be up to the engineer to evaluate.

Additional context

Link to code: https://github.com/bbc/digital-paper-edit-client/blob/master/src/Components/Transcripts/TranscriptForm.js

Checklist

• Fork the repository (external contributors)
• Create a branch with a meaningful name eg component-<component name>
• Add automated tests*
• Test suite passes (npm run test)
• Code is linted (npm run lint)
• Update documentation and QA docs - see updating the documentation*
• re-factoring for code quality and readability
• Setup your PR for review (start with a draft PR)
• Demonstrated (attach link or image)

*where appropriate