Use fake data for the display in the editor

WordPress · Oct 11, 2019 · 3ec58c6 · 3ec58c6
1 parent ac2fbdc
commit 3ec58c6
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 2 deletions.
diff --git a/public_html/wp-content/mu-plugins/blocks/source/blocks/live-schedule/data/mock.js b/public_html/wp-content/mu-plugins/blocks/source/blocks/live-schedule/data/mock.js
@@ -0,0 +1,50 @@
+/**
+ * WordPress dependencies
+ */
+import { _x } from '@wordpress/i18n';
+
+const makeTrack = ( name ) => ( {
+	slug: name.toLowerCase(),
+	name: name,
+} );
+
+const makeSession = ( name, time ) => ( {
+	terms: {},
+	link: '#',
+	title: { rendered: name },
+	meta: {
+		_wcpt_session_type: 'session',
+	},
+	session_date_time: { time },
+	_embedded: {
+		speakers: [
+			{
+				id: 1,
+				title: { rendered: _x( 'Speaker Name', 'A fake speaker name', 'wordcamporg' ) },
+				link: '#',
+			}, {
+				id: 2,
+				title: { rendered: _x( 'Speaker Name', 'A fake speaker name', 'wordcamporg' ) },
+				link: '#',
+			},
+		],
+	},
+} );
+
+export default [
+	{
+		track: makeTrack( _x( 'Location', 'A fake track name', 'wordcamporg' ) ),
+		now: makeSession( _x( 'Session Title', 'A fake session name', 'wordcamporg' ), '10:00 AM' ),
+		next: makeSession( _x( 'Session Title', 'A fake session name', 'wordcamporg' ), '11:00 AM' ),
+	},
+	{
+		track: makeTrack( _x( 'Location', 'A fake track name', 'wordcamporg' ) ),
+		now: makeSession( _x( 'Workshop Title', 'A fake session name', 'wordcamporg' ), '10:00 AM' ),
+		next: makeSession( _x( 'Session Title', 'A fake session name', 'wordcamporg' ), '1:00 PM' ),
+	},
+	{
+		track: makeTrack( _x( 'Location', 'A fake track name', 'wordcamporg' ) ),
+		now: makeSession( _x( 'Flash Talk Title', 'A fake session name', 'wordcamporg' ), '10:15 AM' ),
+		next: makeSession( _x( 'Flash Talk Title', 'A fake session name', 'wordcamporg' ), '10:30 AM' ),
+	},
+];
diff --git a/public_html/wp-content/mu-plugins/blocks/source/blocks/live-schedule/index.js b/public_html/wp-content/mu-plugins/blocks/source/blocks/live-schedule/index.js
@@ -4,13 +4,15 @@
 import { __ } from '@wordpress/i18n';
 import { Fragment } from '@wordpress/element';
 import { InspectorControls } from '@wordpress/block-editor';
-import { PanelBody, Placeholder, TextControl } from '@wordpress/components';
+import { PanelBody, TextControl } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import './style.scss';
 import { HeadingToolbar } from '../../components';
+import LiveSchedule from './components/schedule';
+import mockSessions from './data/mock';
 
 const title = __( 'Live Schedule', 'wordcamporg' );
 const icon = 'excerpt-view';
@@ -41,7 +43,12 @@ export const SETTINGS = {
 	},
 	edit: ( { attributes, setAttributes } ) => (
 		<Fragment>
-			<Placeholder icon={ icon } label={ title } />
+			<LiveSchedule
+				config={ window.WordCampBlocks[ 'live-schedule' ] }
+				sessions={ mockSessions }
+				isFetching={ false }
+				attributes={ attributes }
+			/>
 			<InspectorControls>
 				<PanelBody title={ __( 'Headings', 'wordcamporg' ) }>
 					<TextControl