← All changes | assets/src/apps/js/blocks/course-elements/course-instructor-info/edit.js +46 -46 4.3.9.1 → 4.4.9 View file →

		@@ -1,46 +1,46 @@
1		-import { __ } from '@wordpress/i18n';
2		-import { useBlockProps } from '@wordpress/block-editor';
3		-
4		-export const edit = ( props ) => {
5		- const blockProps = useBlockProps();
6		- return (
7		- <>
8		- <div { ...blockProps }>
9		- <div className="lp-section-instructor">
10		- <h3 className="section-title">{ 'Instructor' }</h3>
11		- <div className="lp-instructor-info">
12		- <div className="instructor-avatar">
13		- <img
14		- src="/wp-content/plugins/learnpress/assets/images/no-image.png"
15		- alt="Instructor avatar placeholder"
16		- height={ 160 }
17		- width={ 160 }
18		- style={ { aspectRatio: '1 / 1', objectFit: 'cover' } }
19		- ></img>
20		- </div>
21		- <div className="lp-section-instructor">
22		- <span className="instructor-display-name">
23		- { __( 'Instructor Name', 'learnpress' ) }
24		- </span>
25		- <div className="lp-instructor-meta">
26		- <div className="instructor-item-meta">
27		- <span className="instructor-total-students">{ '2 Students' }</span>
28		- </div>
29		- <div className="instructor-item-meta">
30		- <span className="instructor-total-courses">{ '12 Courses' }</span>
31		- </div>
32		- </div>
33		- <div className="instructor-description">
34		- <p>
35		- {
36		- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'
37		- }
38		- </p>
39		- </div>
40		- </div>
41		- </div>
42		- </div>
43		- </div>
44		- </>
45		- );
46		-};
	1	+import { __ } from '@wordpress/i18n';
	2	+import { useBlockProps } from '@wordpress/block-editor';
	3	+
	4	+export const edit = ( props ) => {
	5	+ const blockProps = useBlockProps();
	6	+ return (
	7	+ <>
	8	+ <div { ...blockProps }>
	9	+ <div className="lp-section-instructor">
	10	+ <h3 className="section-title">{ 'Instructor' }</h3>
	11	+ <div className="lp-instructor-info">
	12	+ <div className="instructor-avatar">
	13	+ <img
	14	+ src="/wp-content/plugins/learnpress/assets/images/no-image.png"
	15	+ alt="Instructor avatar placeholder"
	16	+ height={ 160 }
	17	+ width={ 160 }
	18	+ style={ { aspectRatio: '1 / 1', objectFit: 'cover' } }
	19	+ ></img>
	20	+ </div>
	21	+ <div className="lp-section-instructor">
	22	+ <span className="instructor-display-name">
	23	+ { __( 'Instructor Name', 'learnpress' ) }
	24	+ </span>
	25	+ <div className="lp-instructor-meta">
	26	+ <div className="instructor-item-meta">
	27	+ <span className="instructor-total-students">{ '2 Students' }</span>
	28	+ </div>
	29	+ <div className="instructor-item-meta">
	30	+ <span className="instructor-total-courses">{ '12 Courses' }</span>
	31	+ </div>
	32	+ </div>
	33	+ <div className="instructor-description">
	34	+ <p>
	35	+ {
	36	+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'
	37	+ }
	38	+ </p>
	39	+ </div>
	40	+ </div>
	41	+ </div>
	42	+ </div>
	43	+ </div>
	44	+ </>
	45	+ );
	46	+};