UI: Import: Show uploaded files
Context
Once the user clicks 'Import your files' from the dashboard, they are taken to an import page. On this page we need to show the chapter files that have been drag and dropped by the user in the drag and drop space in #13 (closed).
The user must be able to remove files by clicking the X next to the file.
Design
- Add the list of files to the Import page as in the Figma design here and shown in the two mockups below:
- When the user adds many files, we may need a scroll bar next to the files list that matches the design aesthetic so you can scroll to see all files. The notice 'Drag and drop files, or Browse' should not disappear when scrolled.
Implementation (if applicable)
[A description of the steps to implement the feature.]
Alternative approaches (if applicable)
[Include any alternatives to meet this use case.]
Open issues (if applicable)
[Links to and a discussion of related issues, if applicable.]