Protocol Upload Empty State Recent Run Listing

[emilywools]

Overview

The Protocol Upload page's empty state needs a couple of additions that direct users to new rerun protocol CTA.

empty state:
https://www.figma.com/file/JCQNOTTK9tTmYPhRqeOfSj/Milestone-0:-Protocol-Upload-Revamp?node-id=3205%3A22

empty state if a user has not run a protocol on this robot before:
https://www.figma.com/file/JCQNOTTK9tTmYPhRqeOfSj/Milestone-0:-Protocol-Upload-Revamp?node-id=6957%3A167822

Acceptance Criteria

• Title bar contents should be "Open a protocol to run on {robotName}"
• Only if a protocol has been run on this robot before add a section between the file drop zone and the "Don't have a protocol?" link separated by dividers. The contents of the section should be as follows:
  • Add header for "{robotName}'s last run".
  • Add table with one row of data and the following columns:
    • "Protocol name" (protocol's name)
    • "Run timestamp" (timestamp of the last run with TZ)
    • If any offset data exists "Labware Offset data" ("{numOffsets} Labware Offsets"), otherwise omit this column and value.
  • The final column should be unlabeled and filled with a CTA to rerun this protocol labeled "Run Again".
  • add "See How Rerunning a Protocol Works" link which launches an explanatory closable modal with a single "Close" CTA at the bottom. The modal should have an external link out to "Learn More about Labware Offset Data" that directs to an explanatory support article.
• The "Don't have a protocol yet?" section should be updated as follows:
  • "Launch Protocol Library" with link out icon
  • "Launch Protocol Designer" with link out icon