diff --git a/app/src/assets/localization/en/protocol_details.json b/app/src/assets/localization/en/protocol_details.json index fba0d538118..0ca3c115448 100644 --- a/app/src/assets/localization/en/protocol_details.json +++ b/app/src/assets/localization/en/protocol_details.json @@ -60,6 +60,7 @@ "sending": "Sending", "show_in_folder": "Show in folder", "slot": "Slot {{slotName}}", + "start_setup_to_customize": "Start setup to customize values", "start_setup": "Start setup", "successfully_sent": "Successfully sent", "total_volume": "total volume", diff --git a/app/src/pages/ProtocolDetails/Parameters.tsx b/app/src/pages/ProtocolDetails/Parameters.tsx index 932879d253c..4838c226bdc 100644 --- a/app/src/pages/ProtocolDetails/Parameters.tsx +++ b/app/src/pages/ProtocolDetails/Parameters.tsx @@ -10,6 +10,7 @@ import { WRAP, } from '@opentrons/components' import { StyledText } from '../../atoms/text' +import { useToaster } from '../../organisms/ToasterOven' import { useRequiredProtocolHardware } from '../Protocols/hooks' import { EmptySection } from './EmptySection' @@ -51,12 +52,16 @@ export const Parameters = (props: { protocolId: string }): JSX.Element => { const { requiredProtocolHardware } = useRequiredProtocolHardware( props.protocolId ) + const { makeSnackbar } = useToaster() const { t, i18n } = useTranslation('protocol_details') + const makeSnack = (): void => { + makeSnackbar(t('start_setup_to_customize')) + } return requiredProtocolHardware.length === 0 ? ( ) : ( - +