@@ -151,7 +151,7 @@ function DropdownButton({
151151 return PopoverComponent ( { closeOverlay : toggleOverlay , isExpanded : isOverlayVisible , setPopoverWidth : setCustomPopoverWidth } ) ;
152152 } , [ PopoverComponent , toggleOverlay , isOverlayVisible ] ) ;
153153
154- const showCloseButton = ! ! onClosePress ;
154+ const shouldShowCloseButton = ! ! onClosePress ;
155155
156156 return (
157157 < View
@@ -168,10 +168,10 @@ function DropdownButton({
168168 < View style = { [ styles . flexRow ] } >
169169 < Button
170170 ref = { triggerRef }
171- innerStyles = { [ isOverlayVisible && styles . buttonHoveredBG , { maxWidth : 256 } , innerStyles , showCloseButton && styles . pr2 ] }
171+ innerStyles = { [ isOverlayVisible && styles . buttonHoveredBG , { maxWidth : 256 } , innerStyles , shouldShowCloseButton && styles . pr2 ] }
172172 onPress = { calculatePopoverPositionAndToggleOverlay }
173173 sentryLabel = { sentryLabel }
174- shouldRemoveRightBorderRadius = { showCloseButton }
174+ shouldRemoveRightBorderRadius = { shouldShowCloseButton }
175175 // eslint-disable-next-line react/jsx-props-no-spreading
176176 { ...( medium ? { medium : true } : { small : true } ) }
177177 >
@@ -189,7 +189,7 @@ function DropdownButton({
189189 </ Text >
190190 </ CaretWrapper >
191191 </ Button >
192- { showCloseButton && (
192+ { shouldShowCloseButton && (
193193 < >
194194 < View style = { [ styles . buttonDivider ] } />
195195 < Button
0 commit comments