@gechiui/components/src/navigation/menu/search-no-results-found.js

UI components for GeChiUI.

/**
 * External dependencies
 */
import { filter } from 'lodash';

/**
 * GeChiUI dependencies
 */
import { __ } from '@gechiui/i18n';

/**
 * Internal dependencies
 */
import { useNavigationContext } from '../context';
import { ItemBaseUI, ItemUI } from '../styles/navigation-styles';

export default function NavigationSearchNoResultsFound( { search } ) {
	const {
		navigationTree: { items },
	} = useNavigationContext();

	const resultsCount = filter( items, '_isVisible' ).length;

	if ( ! search || !! resultsCount ) {
		return null;
	}

	return (
		<ItemBaseUI>
			<ItemUI>{ __( '未找到结果。' ) } </ItemUI>
		</ItemBaseUI>
	);
}