← All changes | assets/src/apps/js/blocks/breadcrumb/edit.js +62 -62 4.3.9 → 4.4.9 View file →

		@@ -1,62 +1,62 @@
1		-import { __ } from '@wordpress/i18n';
2		-import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
3		-import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
4		-
5		-export const edit = ( props ) => {
6		- const blockProps = useBlockProps();
7		- return (
8		- <>
9		- <InspectorControls>
10		- <PanelBody title={ __( 'Settings', 'learnpress' ) }>
11		- <ToggleControl
12		- label={ __( 'Show Home', 'learnpress' ) }
13		- checked={ props.attributes.showHome ? true : false }
14		- onChange={ ( value ) =>
15		- props.setAttributes( {
16		- showHome: value ? true : false,
17		- } )
18		- }
19		- />
20		- { props.attributes.showHome ? (
21		- <TextControl
22		- label={ __( 'Home Label', 'learnpress' ) }
23		- onChange={ ( value ) => {
24		- props.setAttributes( {
25		- homeLabel: value ?? 'Home',
26		- } );
27		- } }
28		- value={ props.attributes.homeLabel ?? 'Home' }
29		- />
30		- ) : (
31		- ''
32		- ) }
33		- </PanelBody>
34		- </InspectorControls>
35		- <div { ...blockProps }>
36		- <ul className="learn-press-breadcrumb">
37		- { props.attributes.showHome ? (
38		- <>
39		- <li>
40		- <a>{ props.attributes.homeLabel }</a>
41		- </li>
42		- <li className="breadcrumb-delimiter">
43		- <i className="lp-icon-angle-right"></i>
44		- </li>
45		- </>
46		- ) : (
47		- ''
48		- ) }
49		- <li>
50		- <a>{ __( 'Navigation', 'learnpress' ) }</a>
51		- </li>
52		- <li className="breadcrumb-delimiter">
53		- <i className="lp-icon-angle-right"></i>
54		- </li>
55		- <li>
56		- <span>{ __( 'Path', 'learnpress' ) }</span>
57		- </li>
58		- </ul>
59		- </div>
60		- </>
61		- );
62		-};
	1	+import { __ } from '@wordpress/i18n';
	2	+import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
	3	+import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
	4	+
	5	+export const edit = ( props ) => {
	6	+ const blockProps = useBlockProps();
	7	+ return (
	8	+ <>
	9	+ <InspectorControls>
	10	+ <PanelBody title={ __( 'Settings', 'learnpress' ) }>
	11	+ <ToggleControl
	12	+ label={ __( 'Show Home', 'learnpress' ) }
	13	+ checked={ props.attributes.showHome ? true : false }
	14	+ onChange={ ( value ) =>
	15	+ props.setAttributes( {
	16	+ showHome: value ? true : false,
	17	+ } )
	18	+ }
	19	+ />
	20	+ { props.attributes.showHome ? (
	21	+ <TextControl
	22	+ label={ __( 'Home Label', 'learnpress' ) }
	23	+ onChange={ ( value ) => {
	24	+ props.setAttributes( {
	25	+ homeLabel: value ?? 'Home',
	26	+ } );
	27	+ } }
	28	+ value={ props.attributes.homeLabel ?? 'Home' }
	29	+ />
	30	+ ) : (
	31	+ ''
	32	+ ) }
	33	+ </PanelBody>
	34	+ </InspectorControls>
	35	+ <div { ...blockProps }>
	36	+ <ul className="learn-press-breadcrumb">
	37	+ { props.attributes.showHome ? (
	38	+ <>
	39	+ <li>
	40	+ <a>{ props.attributes.homeLabel }</a>
	41	+ </li>
	42	+ <li className="breadcrumb-delimiter">
	43	+ <i className="lp-icon-angle-right"></i>
	44	+ </li>
	45	+ </>
	46	+ ) : (
	47	+ ''
	48	+ ) }
	49	+ <li>
	50	+ <a>{ __( 'Navigation', 'learnpress' ) }</a>
	51	+ </li>
	52	+ <li className="breadcrumb-delimiter">
	53	+ <i className="lp-icon-angle-right"></i>
	54	+ </li>
	55	+ <li>
	56	+ <span>{ __( 'Path', 'learnpress' ) }</span>
	57	+ </li>
	58	+ </ul>
	59	+ </div>
	60	+ </>
	61	+ );
	62	+};