fix(app): Allow valid pipette+ model names for display images

[Laura-Danielle]

overview

Closes #3340. Due to the format of the pipette+ model names, images were not automatically being displayed on the instruments card.

changelog

• Change REGEX to determine which images propogate in Run App on attached instruments card

review requests

@mcous I see that you made a note that volumes and channels should come from API, should that be the correct implementation here or is changing the expression sufficient?

[mcous]

Given the TODO above, could we address the underlying problem rather than continue to rely on this regex?

// ...
import { getPipetteModelSpecs } from '@opentrons/shared-data'
// ...

export default function PipetteInfo(props: Props) {
  const { mount, model, name, onChangeClick, showSettings } = props
  const label = LABEL_BY_MOUNT[mount]
  const pipette = model ? getPipetteModelSpecs(model) : null
  const channels = pipette?.channels
  // ...

  return (
    // ...
      <div className={styles.image}>
        {channels && (
          <InstrumentDiagram
            channels={channels}
            className={styles.pipette_diagram}
          />
        )}
      </div>
    // ...
  )

[codecov]

Codecov Report

Merging #3413 into edge will decrease coverage by 1%.
The diff coverage is 0%.

@@            Coverage Diff             @@
##             edge    #3413      +/-   ##
==========================================
- Coverage   52.59%   51.58%   -1.01%     
==========================================
  Files         775      800      +25     
  Lines       22980    23711     +731     
==========================================
+ Hits        12086    12232     +146     
- Misses      10894    11479     +585

Impacted Files	Coverage Δ
...rc/components/InstrumentSettings/InstrumentInfo.js	0% <0%> (ø)	⬆️
...ry/src/components/LabwareDetails/WellDimensions.js	14.28% <0%> (-2.39%)	⬇️
...-library/src/components/LabwareList/LabwareCard.js	3.84% <0%> (-0.16%)	⬇️
opentrons/legacy_api/robot/mover.py	88.88% <0%> (-0.13%)	⬇️
...c/components/ModuleControls/TemperatureControls.js	0% <0%> (ø)	⬆️
app/src/index.js	0% <0%> (ø)	⬆️
app/src/components/ConnectModulesModal/index.js	0% <0%> (ø)	⬆️
update-server/otupdate/buildroot/__main__.py	0% <0%> (ø)	⬆️
app/src/reducer.js	0% <0%> (ø)	⬆️
app/src/http-api-client/index.js	100% <0%> (ø)	⬆️
... and 39 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e5e73bc...dbf44bd. Read the comment docs.

[Kadee80]

💸