cleanup

Author: CaseyBatten

app/src/organisms/DeviceDetailsDeckConfiguration/AddFixtureModal.tsx

@@ -305,9 +305,6 @@ export function AddFixtureModal({
           </Flex>
         </OddModal>
       ) : (
-        // This is the modal with the module fixtures
-        // Something that checks if this is a stacker module with a TODO to remove/update if other identifiable modules are added
-        // Call to the use identify thing that transitions back to regular after a second?
         <Modal {...modalProps}>
           <Flex flexDirection={DIRECTION_COLUMN} gridGap={SPACING.spacing16}>
             <StyledText desktopStyle="bodyDefaultRegular">

components/src/organisms/FixtureOption/index.tsx

@@ -1,6 +1,7 @@
 import { TertiaryButton } from '../../atoms/buttons'
 import { ListItem } from '../../atoms/ListItem/index'
 import { StyledText } from '../../atoms/StyledText'
+import { COLORS } from '../../helix-design-system'
 import { Flex } from '../../primitives'
 import {
   ALIGN_CENTER,
@@ -34,8 +35,14 @@ export function FixtureOption(props: FixtureOptionProps): JSX.Element {
         padding={SPACING.spacing16 + ' ' + SPACING.spacing24}
         alignItems={ALIGN_CENTER}
         justifyContent={JUSTIFY_SPACE_BETWEEN}
+        backgroundColor={props.isOnDevice ? COLORS.grey35 : undefined}
       >
-        <StyledText desktopStyle="bodyDefaultSemiBold">{optionName}</StyledText>
+        <StyledText
+          desktopStyle="bodyDefaultSemiBold"
+          oddStyle="bodyTextSemiBold"
+        >
+          {optionName}
+        </StyledText>
         <Flex
           gridGap={SPACING.spacing4}
           width={'10rem'}
@@ -65,8 +72,14 @@ export function FixtureOption(props: FixtureOptionProps): JSX.Element {
         padding={SPACING.spacing16 + ' ' + SPACING.spacing24}
         alignItems={ALIGN_CENTER}
         justifyContent={JUSTIFY_SPACE_BETWEEN}
+        backgroundColor={props.isOnDevice ? COLORS.grey35 : undefined}
       >
-        <StyledText desktopStyle="bodyDefaultSemiBold">{optionName}</StyledText>
+        <StyledText
+          desktopStyle="bodyDefaultSemiBold"
+          oddStyle="bodyTextSemiBold"
+        >
+          {optionName}
+        </StyledText>
         <TertiaryButton
           buttonType="primary"
           onClick={onClickHandler}