Device Details: Robot Overview section

[mikecardarelli]

Overview

This ticket covers the top section of the device details page where we display the robot name and picture, connection status, light switch, and primary and secondary actions.

Design

This artboard contains the designs for the Robot Overview section based on the state of the robot (available+idle, available+busy, robot powering on, or robot not available):
https://www.figma.com/file/bVtCogdwiXj3ndpk4AWXCx/%5Bworking%5D-Milestone-1%3A-Read-and-Execute?node-id=1297%3A91474

Implementation Details

• The "Run a Protocol" button should only be active when a robot is available, idle, and with at least 1 pipette attached
• The "Robot Settings" button should not appear if a robot is not available/connected
• The robot lights switch should not appear if a robot is not available/connected

Acceptance Criteria

• The robot type, image, and name render correctly

• The robot status and network connectivity are displayed

• The user can turn on and off robot lights using the toggle

• The user can open the robot settings page for any available robot

• The user can run a protocol if the robot is available + idle

• Clicking the "Run a Protocol" button should open the "Choose a Protocol" slide-out where the user can select the protocol they'd like to run on the selected robot