From eaa1be08e278a76774c040414c1691058caaa653 Mon Sep 17 00:00:00 2001 From: Gerardo Pacheco Date: Tue, 15 Jun 2021 11:42:50 +0200 Subject: [PATCH] [Mobile] - Slash inserter - Don't show disabled items (#32452) * Mobile - Slash inserter - Don't show disabled items * Mobile - Slash inserter - Remove useMemo since it was just preventing an issue rather than performance. --- .../components/src/autocomplete/autocompleter-ui.native.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/components/src/autocomplete/autocompleter-ui.native.js b/packages/components/src/autocomplete/autocompleter-ui.native.js index 1224ca9287b68c..de10ca08a8d9bd 100644 --- a/packages/components/src/autocomplete/autocompleter-ui.native.js +++ b/packages/components/src/autocomplete/autocompleter-ui.native.js @@ -50,6 +50,7 @@ export function getAutoCompleterUI( autocompleter ) { reset, } ) { const [ items ] = useItems( filterValue ); + const filteredItems = items.filter( ( item ) => ! item.isDisabled ); const scrollViewRef = useRef(); const animationValue = useRef( new Animated.Value( 0 ) ).current; const [ isVisible, setIsVisible ] = useState( false ); @@ -127,7 +128,7 @@ export function getAutoCompleterUI( autocompleter ) { ], }; - if ( ! items.length > 0 || ! isVisible ) { + if ( ! filteredItems.length > 0 || ! isVisible ) { return null; } @@ -149,7 +150,7 @@ export function getAutoCompleterUI( autocompleter ) { __( 'Slash inserter results' ) } > - { items.map( ( option, index ) => { + { filteredItems.map( ( option, index ) => { const isActive = index === selectedIndex; const itemStyle = stylesCompose( styles[