[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.
WordPress · Jun 15, 2021 · eaa1be0 · eaa1be0
1 parent d35484d
commit eaa1be0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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[