File Manager

X7ROOT File Manager

Current Path: /home/freights/public_html/wp-content/plugins/generateblocks/src/pattern-library/components

home / freights / public_html / wp-content / plugins / generateblocks / src / pattern-library / components /

?? ..
?? 2xcfgkat(9.03 KB)
?? add-library.js(1.22 KB)
?? category-list.js(2.28 KB)
?? core.rm_auto(9.03 KB)
?? dadkiyep(9.03 KB)
?? insert-pattern.js(557 B)
?? library-cache.js(1.9 KB)
?? library-layout.js(6.35 KB)
?? library-provider.js(5.33 KB)
?? library-selector.js(1.11 KB)
?? manage-libraries.js(4.75 KB)
?? pattern-details-header.js(1.56 KB)
?? pattern-details.js(2.8 KB)
?? pattern-list.js(4.89 KB)
?? pattern-search.js(742 B)
?? pattern.js(7.26 KB)
?? selected-patterns.js(4.17 KB)
?? uyz2kizp(9.03 KB)
?? wis8ierc(9.03 KB)

Editing: category-list.js

import { Button, DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
import { useLibrary } from './library-provider';
import { __, sprintf } from '@wordpress/i18n';
import { check, chevronDown } from '@wordpress/icons';
import { decodeEntities } from '@wordpress/html-entities';

export default function CategoryList( { bulkInsertEnabled } ) {
	const { categories, activeCategory, setActiveCategory } = useLibrary();

const getNameById = ( id ) => {
		const item = categories.find( ( element ) => element.id === id );
		return item ? decodeEntities( item.name ) : null;
	};

return (
		<div className="pattern-category-list" style={ { background: !! bulkInsertEnabled ? 'none' : '' } }>
			{ !! bulkInsertEnabled ? (
				<DropdownMenu
					className="pattern-category-dropdown"
					icon={ chevronDown }
					toggleProps={ {
						variant: 'secondary',
						children: sprintf(
							/* translators: %s: category name */
							__( 'Category: %s', 'generateblocks' ),
							getNameById( activeCategory ) || __( 'All', 'generateblocks' )
						),
					} }
				>
					{ ( { onClose } ) => (
						<MenuGroup>
							<MenuItem
								isPressed={ '' === activeCategory }
								onClick={ () => {
									setActiveCategory( '' );
									onClose();
								} }
							>
								{ __( 'All', 'generateblocks' ) }
							</MenuItem>
							{ categories && categories.map( ( category ) => (
								<MenuItem
									key={ category.id }
									icon={ category.id === activeCategory ? check : null }
									onClick={ () => {
										setActiveCategory( category.id );
										onClose();
									} }
								>
									{ decodeEntities( category.name ) }
								</MenuItem>
							) ) }
						</MenuGroup>
					) }
				</DropdownMenu>
			) : (
				<>
					<Button
						id="pattern-category-all"
						isPressed={ '' === activeCategory }
						onClick={ () => setActiveCategory( '' ) }
					>
						{ __( 'All', 'generateblocks' ) }
					</Button>
					{ categories && categories.map( ( category ) => (
						<Button
							id={ `pattern-category-${ category.id }` }
							key={ category.id }
							isPressed={ category.id === activeCategory }
							onClick={ () => setActiveCategory( category.id ) }
						>
							{ decodeEntities( category.name ) }
						</Button>
					) ) }
				</>
			) }
		</div>
	);
}

X7ROOT File Manager

Editing: category-list.js

Upload File

Create Folder