fix(components,-protocol-designer): fix design bugs from PD 8.4.0 alpha.1

Fix several bugs including 1) properly displaying labware on absorbance reader in absorbance reader step form module options, and 2) removing the 'delete' button from wavelengths if selected insitialization mode is 'single'

Closes RQA-3942, Closes RQA-3945

Author: ncdiehl11

components/src/molecules/DropdownMenu/index.tsx

@@ -332,7 +332,7 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
                       </StyledText>
                       <StyledText
                         desktopStyle="captionRegular"
-                        color={COLORS.black70}
+                        color={COLORS.grey60}
                       >
                         {option.subtext}
                       </StyledText>

protocol-designer/src/pages/Designer/ProtocolSteps/StepForm/StepTools/AbsorbanceReaderTools/Initialization.tsx

@@ -284,6 +284,7 @@ function WavelengthItem(props: WavelengthItemProps): JSX.Element {
     handleDeleteWavelength,
     index,
     error,
+    mode,
   } = props
   const { t } = useTranslation('form')
   const showCustom = !DEFINED_OPTIONS.some(({ value }) => value === wavelength)
@@ -334,7 +335,7 @@ function WavelengthItem(props: WavelengthItemProps): JSX.Element {
           error={!isFocused ? error : null}
         />
       ) : null}
-      {wavelengths.length > 1 ? (
+      {wavelengths.length > 1 && mode === 'multi' ? (
         <Btn
           onClick={() => {
             handleDeleteWavelength(index)

protocol-designer/src/ui/modules/selectors.ts

@@ -19,6 +19,7 @@ import {
 import type { DropdownOption } from '@opentrons/components'
 import type { Selector } from '../../types'
 import type { LabwareNamesByModuleId } from '../../steplist/types'
+import { getDeckSetupForActiveItem } from '../../top-selectors/labware-locations'
 
 export const getLabwareNamesByModuleId: Selector<LabwareNamesByModuleId> = createSelector(
   getInitialDeckSetup,
@@ -86,11 +87,11 @@ export const getHeaterShakerLabwareOptions: Selector<
 export const getAbsorbanceReaderLabwareOptions: Selector<
   DropdownOption[]
 > = createSelector(
-  getInitialDeckSetup,
+  getDeckSetupForActiveItem,
   getLabwareNicknamesById,
-  (initialDeckSetup, nicknamesById) => {
+  (deckSetup, nicknamesById) => {
     const absorbanceReaderModuleOptions = getModuleLabwareOptions(
-      initialDeckSetup,
+      deckSetup,
       nicknamesById,
       ABSORBANCE_READER_TYPE
     )