message: feat(protocol-designer): Hide incompatible labware
  closes
diff: @@ -290,17 +290,23 @@ const LabwareSelectionModal = (props: Props) => {
  ))}
  </PDTitledList>
  ) : null}
  - {orderedCategories.map(category => (
  + {orderedCategories.map(category => {
  + const isPopulated = populatedCategories[category]
  + if (isPopulated) {
  + return (
  <PDTitledList
  key={category}
  title={startCase(category)}
  collapsed={selectedCategory !== category}
  onCollapseToggle={makeToggleCategory(category)}
  onClick={makeToggleCategory(category)}
  - inert={!populatedCategories[category]}
  + inert={!isPopulated}
  >
  {labwareByCategory[category] &&
  - labwareByCategory[category].map((labwareDef, index) => (
  + labwareByCategory[category].map((labwareDef, index) => {
  + const isDisabled = getLabwareDisabled(labwareDef)
  + if (!isDisabled) {
  + return (
  <LabwareItem
  key={index}
  icon={
  @@ -308,15 +314,19 @@ const LabwareSelectionModal = (props: Props) => {
  ? 'check-decagram'
  : null
  }
  - disabled={getLabwareDisabled(labwareDef)}
  + disabled={isDisabled}
  labwareDef={labwareDef}
  selectLabware={selectLabware}
  onMouseEnter={() => setPreviewedLabware(labwareDef)}
  onMouseLeave={() => setPreviewedLabware()}
  />
  - ))}
  + )
  + }
  + })}
  </PDTitledList>
  - ))}
  + )
  + }
  + })}
  </ul>
  <OutlineButton Component="label" className={styles.upload_button}>
  