Data Import landing page Scenario 6: First Pane "Preview Ready" Box

Purpose: To create the Preview Ready box within the top portion of the first pane of the Data Import landing page

Notes:

• This story is only for creating the screen and the in-screen functionality. Any buttons or functionality that leads to different screens will be in a subsequent story.
• Complete list of landing page scenarios and wireframes in UIDATIMP-4
• Review the existing Stripes components and use standard components whenever possible. If a new component is required, design as a standard Stripes component, if you think it will be useful for other screens or dev teams.
• There are a few small wording differences between the scenarios and the wireframe. When there is a difference, follow the wording in the Jira scenario, not the wireframe.
• 
  Scenario 6
• Data elements in the box (preview is ready)
  • Job name [from the job profile], bolded
  • followed by [space] [dot] [space]
  • followed by the Import file name, including its suffix
  • Second line: Import ID [sequential number, assigned when the preview button is pressed]
  • followed by [space] [dot] [space]
  • followed by Triggered by [user name of the user who pressed the Preview button, in firstname lastname order]
  • Third line: [number of records]
  • followed by [space] [dot] [space]
  • Ended [time] today (if today) or Ended [date] [time] (if prior to today)
  • Fourth line: Ready for Preview (bolded)
  • "Preview now" button in the bottom right of the box [no functionality behind the button yet]
• See wireframe attached