diff --git a/app/src/organisms/Devices/ProtocolRun/EmptySetupStep.tsx b/app/src/organisms/Devices/ProtocolRun/EmptySetupStep.tsx index 7f17d80c7f2..8a4d5a9c2bc 100644 --- a/app/src/organisms/Devices/ProtocolRun/EmptySetupStep.tsx +++ b/app/src/organisms/Devices/ProtocolRun/EmptySetupStep.tsx @@ -11,19 +11,12 @@ import { interface EmptySetupStepProps { title: React.ReactNode description: string - label: string } export function EmptySetupStep(props: EmptySetupStepProps): JSX.Element { - const { title, description, label } = props + const { title, description } = props return ( - - {label} - ) : ( { diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabware/LabwareListItem.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabware/LabwareListItem.tsx index eabf0f12cea..80141c4f1e5 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupLabware/LabwareListItem.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupLabware/LabwareListItem.tsx @@ -6,6 +6,7 @@ import { ALIGN_CENTER, BORDERS, Btn, + LocationIcon, COLORS, DIRECTION_COLUMN, DIRECTION_ROW, @@ -14,10 +15,11 @@ import { Icon, JUSTIFY_CENTER, JUSTIFY_SPACE_BETWEEN, + MODULE_ICON_NAME_BY_TYPE, LabwareRender, SIZE_AUTO, SPACING, - LegacyStyledText, + StyledText, TYPOGRAPHY, WELL_LABEL_OPTIONS, } from '@opentrons/components' @@ -35,6 +37,7 @@ import { } from '@opentrons/shared-data' import { ToggleButton } from '../../../../atoms/buttons' +import { Divider } from '../../../../atoms/structure' import { SecureLabwareModal } from './SecureLabwareModal' import type { @@ -58,7 +61,10 @@ const LabwareRow = styled.div` border-width: 1px; border-color: ${COLORS.grey30}; border-radius: ${BORDERS.borderRadius4}; - padding: ${SPACING.spacing16}; + padding: ${(SPACING.spacing12, + SPACING.spacing16, + SPACING.spacing12, + SPACING.spacing24)}; ` interface LabwareListItemProps extends LabwareSetupItem { @@ -67,6 +73,7 @@ interface LabwareListItemProps extends LabwareSetupItem { isFlex: boolean commands: RunTimeCommand[] nestedLabwareInfo: NestedLabwareInfo | null + showLabwareSVG?: boolean } export function LabwareListItem( @@ -83,8 +90,9 @@ export function LabwareListItem( isFlex, commands, nestedLabwareInfo, + showLabwareSVG, } = props - const { t } = useTranslation('protocol_setup') + const { i18n, t } = useTranslation('protocol_setup') const [ secureLabwareModalType, setSecureLabwareModalType, @@ -103,10 +111,14 @@ export function LabwareListItem( 'addressableAreaName' in initialLocation ) { slotInfo = initialLocation.addressableAreaName + } else if (initialLocation === 'offDeck') { + slotInfo = i18n.format(t('off_deck'), 'upperCase') } let moduleDisplayName: string | null = null + let moduleType: ModuleType | null = null let extraAttentionText: JSX.Element | null = null + let secureLabwareInstructions: JSX.Element | null = null let isCorrectHeaterShakerAttached: boolean = false let isHeaterShakerInProtocol: boolean = false let latchCommand: @@ -144,7 +156,7 @@ export function LabwareListItem( moduleModel != null ) { const moduleName = getModuleDisplayName(moduleModel) - const moduleType = getModuleType(moduleModel) + moduleType = getModuleType(moduleModel) const moduleTypeNeedsAttention = extraAttentionModules.find( extraAttentionModType => extraAttentionModType === moduleType ) @@ -158,7 +170,7 @@ export function LabwareListItem( case MAGNETIC_MODULE_TYPE: case THERMOCYCLER_MODULE_TYPE: if (moduleModel !== THERMOCYCLER_MODULE_V2) { - extraAttentionText = ( + secureLabwareInstructions = ( - + - {t('secure_labware_instructions')} - + ) @@ -192,9 +206,9 @@ export function LabwareListItem( case HEATERSHAKER_MODULE_TYPE: isHeaterShakerInProtocol = true extraAttentionText = ( - + {t('heater_shaker_labware_list_view')} - + ) const matchingHeaterShaker = attachedModuleInfo != null && @@ -256,96 +270,128 @@ export function LabwareListItem( return ( - - - {slotInfo} - + + {slotInfo != null && isFlex ? ( + + ) : ( + + {slotInfo} + + )} + {nestedLabwareInfo != null || moduleDisplayName != null ? ( + + ) : null} - + - + {showLabwareSVG && } - + {labwareDisplayName} - - + + {nickName} - + {nestedLabwareInfo != null && nestedLabwareInfo?.sharedSlotId === slotInfo ? ( - - {nestedLabwareInfo.nestedLabwareDefinition != null ? ( - - ) : null} - - + + + - {nestedLabwareInfo.nestedLabwareDisplayName} - - - {nestedLabwareInfo.nestedLabwareNickName} - + + {nestedLabwareInfo.nestedLabwareDisplayName} + + + {nestedLabwareInfo.nestedLabwareNickName} + + - + ) : null} - - - - - {moduleDisplayName != null - ? moduleDisplayName - : t(initialLocation === 'offDeck' ? 'off_deck' : 'on_deck')} - - {extraAttentionText != null ? extraAttentionText : null} - - - {isHeaterShakerInProtocol ? ( - - - {t('labware_latch')} - + {moduleDisplayName != null ? ( + <> + - - - {hsLatchText} - + + {moduleType != null ? ( + + ) : null} + + + {moduleDisplayName} + + {extraAttentionText} + + + {secureLabwareInstructions} + {isHeaterShakerInProtocol ? ( + + + {t('labware_latch')} + + + + + {hsLatchText} + + + + ) : null} - + ) : null} {secureLabwareModalType != null && ( diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabware/OffDeckLabwareList.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabware/OffDeckLabwareList.tsx index 47c6df4bbb7..121f4588691 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupLabware/OffDeckLabwareList.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupLabware/OffDeckLabwareList.tsx @@ -35,6 +35,7 @@ export function OffDeckLabwareList( isFlex={isFlex} commands={commands} nestedLabwareInfo={null} + showLabwareSVG /> ))} diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabware/SetupLabwareList.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabware/SetupLabwareList.tsx index ebaac5f8410..da69fb7169a 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupLabware/SetupLabwareList.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupLabware/SetupLabwareList.tsx @@ -5,23 +5,24 @@ import { DIRECTION_COLUMN, Flex, SPACING, - LegacyStyledText, - TYPOGRAPHY, + StyledText, + COLORS, } from '@opentrons/components' import { getLabwareSetupItemGroups } from '../../../../pages/Protocols/utils' import { LabwareListItem } from './LabwareListItem' -import { OffDeckLabwareList } from './OffDeckLabwareList' import { getNestedLabwareInfo } from './getNestedLabwareInfo' import type { RunTimeCommand } from '@opentrons/shared-data' import type { ModuleRenderInfoForProtocol } from '../../hooks' import type { ModuleTypesThatRequireExtraAttention } from '../utils/getModuleTypesThatRequireExtraAttention' +import type { LabwareSetupItem } from '../../../../pages/Protocols/utils' const HeaderRow = styled.div` display: grid; grid-template-columns: 1fr 5.2fr 5.3fr; - grid-gap: ${SPACING.spacing8}; - padding: ${SPACING.spacing8}; + grid-gap: ${SPACING.spacing16}; + padding-left: ${SPACING.spacing24}; + padding-top: ${SPACING.spacing20}; ` interface SetupLabwareListProps { attachedModuleInfo: { [moduleId: string]: ModuleRenderInfoForProtocol } @@ -35,6 +36,9 @@ export function SetupLabwareList( const { attachedModuleInfo, commands, extraAttentionModules, isFlex } = props const { t } = useTranslation('protocol_setup') const { offDeckItems, onDeckItems } = getLabwareSetupItemGroups(commands) + const allItems: LabwareSetupItem[] = [] + allItems.push.apply(allItems, onDeckItems) + allItems.push.apply(allItems, offDeckItems) return ( - + {t('location')} - - + + {t('labware_name')} - - - {t('placement')} - + - {onDeckItems.map((labwareItem, index) => { - const labwareOnAdapter = onDeckItems.find( + {allItems.map((labwareItem, index) => { + const labwareOnAdapter = allItems.find( item => labwareItem.initialLocation !== 'offDeck' && 'labwareId' in labwareItem.initialLocation && @@ -72,11 +73,6 @@ export function SetupLabwareList( /> ) })} - ) } diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/LabwareListItem.test.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/LabwareListItem.test.tsx index 267e27cc20e..4b7d3ae79b9 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/LabwareListItem.test.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/LabwareListItem.test.tsx @@ -172,6 +172,7 @@ describe('LabwareListItem', () => { }) screen.getByText('Mock Labware Definition') screen.getByTestId('slot_info_7') + screen.getByTestId('LocationIcon_stacked') screen.getByText('Magnetic Module GEN1') const button = screen.getByText('Secure labware instructions') fireEvent.click(button) @@ -206,6 +207,7 @@ describe('LabwareListItem', () => { }) screen.getByText('Mock Labware Definition') screen.getByTestId('slot_info_7') + screen.getByTestId('LocationIcon_stacked') screen.getByText('Temperature Module GEN1') screen.getByText('nickName') }) @@ -314,7 +316,6 @@ describe('LabwareListItem', () => { screen.getByText('mock nested display name') screen.getByText('nestedLabwareNickName') screen.getByText('nickName') - screen.getByText('On deck') }) it('renders the correct info for a labware on top of a heater shaker', () => { @@ -375,6 +376,6 @@ describe('LabwareListItem', () => { nestedLabwareInfo: null, }) screen.getByText('Mock Labware Definition') - screen.getByText('Off deck') + screen.getByTestId('slot_info_OFF DECK') }) }) diff --git a/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/SetupLabwareList.test.tsx b/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/SetupLabwareList.test.tsx index 34b8412f536..34a402b1baa 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/SetupLabwareList.test.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupLabware/__tests__/SetupLabwareList.test.tsx @@ -1,19 +1,15 @@ import * as React from 'react' import { StaticRouter } from 'react-router-dom' -import { describe, it, beforeEach, vi, expect } from 'vitest' +import { describe, it, beforeEach, vi } from 'vitest' import { screen } from '@testing-library/react' import { multiple_tipacks_with_tc } from '@opentrons/shared-data' import { renderWithProviders } from '../../../../../__testing-utils__' import { i18n } from '../../../../../i18n' -import { mockDefinition } from '../../../../../redux/custom-labware/__fixtures__' import { SetupLabwareList } from '../SetupLabwareList' import { LabwareListItem } from '../LabwareListItem' -import type { - CompletedProtocolAnalysis, - RunTimeCommand, -} from '@opentrons/shared-data' +import type { CompletedProtocolAnalysis } from '@opentrons/shared-data' vi.mock('../LabwareListItem') @@ -30,139 +26,6 @@ const render = (props: React.ComponentProps) => { )[0] } -const mockOffDeckCommands = ([ - { - id: '0abc1', - commandType: 'loadPipette', - params: { - pipetteId: 'pipetteId', - mount: 'left', - }, - }, - { - id: '0abc2', - commandType: 'loadLabware', - params: { - labwareId: 'fixedTrash', - location: { - slotName: '12', - }, - }, - result: { - labwareId: 'fixedTrash', - definition: { - ordering: [['A1']], - metadata: { - displayCategory: 'trash', - displayName: 'Opentrons Fixed Trash', - }, - }, - }, - }, - { - id: '0abc3', - commandType: 'loadLabware', - params: { - labwareId: 'tiprackId', - location: { - slotName: '1', - }, - }, - result: { - labwareId: 'labwareId', - definition: mockDefinition, - }, - }, - { - id: '0abc4', - commandType: 'loadLabware', - params: { - labwareId: 'sourcePlateId', - location: { - slotName: '2', - }, - }, - result: { - labwareId: 'labwareId', - definition: mockDefinition, - }, - }, - { - id: '0abc4', - commandType: 'loadLabware', - params: { - labwareId: 'destPlateId', - location: { - slotName: '3', - }, - }, - result: { - labwareId: 'labwareId', - definition: mockDefinition, - }, - }, - { - id: '0', - commandType: 'pickUpTip', - params: { - pipetteId: 'pipetteId', - labwareId: 'tiprackId', - wellName: 'B1', - }, - }, - { - id: '1', - commandType: 'aspirate', - params: { - pipetteId: 'pipetteId', - labwareId: 'sourcePlateId', - wellName: 'A1', - volume: 5, - flowRate: 3, - wellLocation: { - origin: 'bottom', - offset: { x: 0, y: 0, z: 2 }, - }, - }, - }, - { - id: '2', - commandType: 'dispense', - params: { - pipetteId: 'pipetteId', - labwareId: 'destPlateId', - wellName: 'B1', - volume: 4.5, - flowRate: 2.5, - wellLocation: { - origin: 'bottom', - offset: { x: 0, y: 0, z: 1 }, - }, - }, - }, - { - id: '3', - commandType: 'dropTip', - params: { - pipetteId: 'pipetteId', - labwareId: 'fixedTrash', - wellName: 'A1', - }, - }, - { - id: '4', - commandType: 'loadLabware', - params: { - labwareId: 'fixedTrash', - location: 'offDeck', - }, - result: { - labwareId: 'labwareId', - definition: mockDefinition, - }, - }, -] as any) as RunTimeCommand[] - describe('SetupLabwareList', () => { beforeEach(() => { vi.mocked(LabwareListItem).mockReturnValue( @@ -186,34 +49,5 @@ describe('SetupLabwareList', () => { screen.getAllByText('mock labware list item') screen.getByText('Labware name') screen.getByText('Location') - screen.getByText('Placement') - }) - it('renders null for the offdeck labware list when there are none', () => { - render({ - commands: protocolWithTC.commands, - extraAttentionModules: [], - attachedModuleInfo: { - x: 1, - y: 2, - z: 3, - attachedModuleMatch: null, - moduleId: 'moduleId', - } as any, - isFlex: false, - }) - expect( - screen.queryByText('Additional Off-Deck Labware') - ).not.toBeInTheDocument() - }) - - it('renders offdeck labware list when there are additional offdeck labwares', () => { - render({ - commands: mockOffDeckCommands, - extraAttentionModules: [], - attachedModuleInfo: {} as any, - isFlex: false, - }) - screen.getByText('Additional Off-Deck Labware') - screen.getAllByText('mock labware list item') }) }) diff --git a/app/src/organisms/Devices/ProtocolRun/SetupStep.tsx b/app/src/organisms/Devices/ProtocolRun/SetupStep.tsx index 9289320b87d..9ddb1daf9af 100644 --- a/app/src/organisms/Devices/ProtocolRun/SetupStep.tsx +++ b/app/src/organisms/Devices/ProtocolRun/SetupStep.tsx @@ -12,7 +12,7 @@ import { Icon, JUSTIFY_SPACE_BETWEEN, SPACING, - LegacyStyledText, + StyledText, TYPOGRAPHY, } from '@opentrons/components' @@ -23,8 +23,6 @@ interface SetupStepProps { title: React.ReactNode /** always shown text that provides a one sentence explanation of the contents */ description: string - /** always shown text that sits above title of step (used for step number) */ - label: string /** callback that should toggle the expanded state (managed by parent) */ toggleExpanded: () => void /** contents to be shown only when expanded */ @@ -58,7 +56,6 @@ export function SetupStep({ expanded, title, description, - label, toggleExpanded, children, rightElement, @@ -78,29 +75,21 @@ export function SetupStep({ gridGap={SPACING.spacing40} > - - {label} - - {title} - - + {description} - + {rightElement} diff --git a/app/src/organisms/Devices/ProtocolRun/__tests__/EmptySetupStep.test.tsx b/app/src/organisms/Devices/ProtocolRun/__tests__/EmptySetupStep.test.tsx index ffba66a5754..3c84e76468c 100644 --- a/app/src/organisms/Devices/ProtocolRun/__tests__/EmptySetupStep.test.tsx +++ b/app/src/organisms/Devices/ProtocolRun/__tests__/EmptySetupStep.test.tsx @@ -18,7 +18,6 @@ describe('EmptySetupStep', () => { props = { title: 'mockTitle', description: 'mockDescription', - label: 'mockLabel', } }) @@ -26,6 +25,5 @@ describe('EmptySetupStep', () => { render(props) screen.getByText('mockTitle') screen.getByText('mockDescription') - screen.getByText('mockLabel') }) }) diff --git a/app/src/organisms/Devices/ProtocolRun/__tests__/ProtocolRunSetup.test.tsx b/app/src/organisms/Devices/ProtocolRun/__tests__/ProtocolRunSetup.test.tsx index 0db69d94416..89238cbaa01 100644 --- a/app/src/organisms/Devices/ProtocolRun/__tests__/ProtocolRunSetup.test.tsx +++ b/app/src/organisms/Devices/ProtocolRun/__tests__/ProtocolRunSetup.test.tsx @@ -279,7 +279,6 @@ describe('ProtocolRunSetup', () => { .thenReturn({ complete: false }) render() - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText('Calibration needed') }) @@ -304,7 +303,6 @@ describe('ProtocolRunSetup', () => { .thenReturn({ complete: false }) render() - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText('Action needed') }) @@ -338,7 +336,6 @@ describe('ProtocolRunSetup', () => { .thenReturn({ complete: false }) render() - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText('Action needed') }) @@ -353,16 +350,13 @@ describe('ProtocolRunSetup', () => { it('renders correct text contents for multiple modules', () => { render() - screen.getByText('STEP 1') screen.getByText('Instruments') screen.getByText( 'Review required pipettes and tip length calibrations for this protocol.' ) - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText('Install the required modules.') - screen.getByText('STEP 3') screen.getByText('Labware') screen.getByText( @@ -389,16 +383,13 @@ describe('ProtocolRunSetup', () => { ]) render() - screen.getByText('STEP 1') screen.getByText('Instruments') screen.getByText( 'Review required pipettes and tip length calibrations for this protocol.' ) - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText('Install the required module.') - screen.getByText('STEP 3') screen.getByText('Labware') screen.getByText( 'Gather the following labware and full tip racks. To run your protocol without Labware Position Check, place and secure labware in their initial locations.' @@ -425,7 +416,6 @@ describe('ProtocolRunSetup', () => { ]) render() - screen.getByText('STEP 2') screen.getByText('Deck hardware') screen.getByText( 'Install and calibrate the required modules. Install the required fixtures.' diff --git a/app/src/organisms/Devices/ProtocolRun/__tests__/SetupStep.test.tsx b/app/src/organisms/Devices/ProtocolRun/__tests__/SetupStep.test.tsx index 9d37054705d..74b5ee7fb8e 100644 --- a/app/src/organisms/Devices/ProtocolRun/__tests__/SetupStep.test.tsx +++ b/app/src/organisms/Devices/ProtocolRun/__tests__/SetupStep.test.tsx @@ -13,7 +13,6 @@ describe('SetupStep', () => { expanded = true, title = 'stub title', description = 'stub description', - label = 'stub label', toggleExpanded = toggleExpandedMock, children = , rightElement =
right element
, @@ -24,7 +23,6 @@ describe('SetupStep', () => { expanded, title, description, - label, toggleExpanded, children, rightElement, @@ -54,7 +52,6 @@ describe('SetupStep', () => { }) it('renders text nodes with prop contents', () => { render({ expanded: false }) - screen.getByText('stub label') screen.getByText('stub title') screen.queryAllByText('stub description') screen.queryAllByText('right element') diff --git a/components/src/icons/icon-data.ts b/components/src/icons/icon-data.ts index 8ebb25cd0bc..cee774169ae 100644 --- a/components/src/icons/icon-data.ts +++ b/components/src/icons/icon-data.ts @@ -663,6 +663,11 @@ export const ICON_DATA_BY_NAME = { 'M21.8333 36.6668C19.5 36.6668 17.3125 36.2224 15.2708 35.3335C13.2292 34.4446 11.4514 33.2432 9.9375 31.7293C8.42361 30.2154 7.22222 28.4377 6.33333 26.396C5.44444 24.3543 5 22.1668 5 19.8335C5 15.7779 6.29167 12.2016 8.875 9.10433C11.4583 6.00711 14.75 4.0835 18.75 3.3335C18.25 6.05572 18.4028 8.72933 19.2083 11.3543C20.0139 13.9793 21.4028 16.2779 23.375 18.2502C25.3472 20.2224 27.6458 21.6182 30.2708 22.4377C32.8958 23.2571 35.5833 23.4168 38.3333 22.9168C37.6111 26.9168 35.6944 30.2085 32.5833 32.7918C29.4722 35.3752 25.8889 36.6668 21.8333 36.6668ZM21.8333 34.1668C24.6111 34.1668 27.1389 33.3752 29.4167 31.7918C31.6944 30.2085 33.5278 28.1946 34.9167 25.7502C32.4167 25.5279 30.0139 24.9516 27.7083 24.021C25.4028 23.0904 23.375 21.7502 21.625 20.0002C19.8472 18.2502 18.5 16.2293 17.5833 13.9377C16.6667 11.646 16.0972 9.26405 15.875 6.79183C13.4306 8.12516 11.4236 9.93766 9.85417 12.2293C8.28472 14.521 7.5 17.0557 7.5 19.8335C7.5 23.8057 8.89583 27.1877 11.6875 29.9793C14.4792 32.771 17.8611 34.1668 21.8333 34.1668Z', viewBox: '0 0 40 40', }, + stacked: { + path: + 'M3.5 9.5V11H2C1.5875 11 1.23438 10.8531 0.940625 10.5594C0.646875 10.2656 0.5 9.9125 0.5 9.5V2C0.5 1.5875 0.646875 1.23438 0.940625 0.940625C1.23438 0.646875 1.5875 0.5 2 0.5H9.5C9.9125 0.5 10.2656 0.646875 10.5594 0.940625C10.8531 1.23438 11 1.5875 11 2V3.5H9.5V2H2V9.5H3.5ZM6.5 15.5C6.0875 15.5 5.73438 15.3531 5.44063 15.0594C5.14688 14.7656 5 14.4125 5 14V6.5C5 6.0875 5.14688 5.73438 5.44063 5.44063C5.73438 5.14688 6.0875 5 6.5 5H14C14.4125 5 14.7656 5.14688 15.0594 5.44063C15.3531 5.73438 15.5 6.0875 15.5 6.5V14C15.5 14.4125 15.3531 14.7656 15.0594 15.0594C14.7656 15.3531 14.4125 15.5 14 15.5H6.5ZM6.5 14H14V6.5H6.5V14Z', + viewBox: '0 0 16 16', + }, 'swap-horizontal': { path: 'M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z', viewBox: '0 0 24 24', diff --git a/components/src/molecules/LocationIcon/index.tsx b/components/src/molecules/LocationIcon/index.tsx index 95be8e7b8f9..6a922f155c0 100644 --- a/components/src/molecules/LocationIcon/index.tsx +++ b/components/src/molecules/LocationIcon/index.tsx @@ -77,7 +77,7 @@ export function LocationIcon({ {iconName != null ? (