hubmapconsortium/ccf-asct-reporter

Playground: upload component modifications

Closed this issue · 2 comments

Playground: upload component modifications

image

To Do

  • Update the content of the instructions to the content specified in the Figma file.
  • Add a divider, a "New" badge, and content to the instructions container
  • Implement spacing and layout adjustments in the upload interface
  • Color the asterisk after "Data" red
  • Implement the Upload File button update
  • Implement the No file loaded copy under the new Upload button

Resources

User Stories

  • As a user, I want to know what data I can upload into the Playground, so that I can generate useful visualizations and reports from the ASCT+B Reporter.
  • As a user, I want to have helpful instructions, so that I can successfully use this feature.
  • As a user, I want the upload component to be intuitive, so that I can quickly generate visualizations and reports that further my research.
  • As a user, I want a button with an upload icon instead of a vague attachment icon without a label, so that I can learn how to use this interface faster.

Component design update from 4/3 meeting

  • Design update from 4/3 meeting with @pbrm4 & @bherr2
  • Removed file title/description inputs
  • Removed the delete (trash can icon) button
  • Added bottom panel and submit button
  • Updated positioning of the required field text

Resources

image

pbrm4 commented

@bherr2 Fixed styling. Do let me know if i am missing anything else