summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/extensions/blocks/business-hours/edit.js')
-rw-r--r--plugins/jetpack/extensions/blocks/business-hours/edit.js104
1 files changed, 0 insertions, 104 deletions
diff --git a/plugins/jetpack/extensions/blocks/business-hours/edit.js b/plugins/jetpack/extensions/blocks/business-hours/edit.js
deleted file mode 100644
index 7649fd45..00000000
--- a/plugins/jetpack/extensions/blocks/business-hours/edit.js
+++ /dev/null
@@ -1,104 +0,0 @@
-/**
- * External dependencies
- */
-import apiFetch from '@wordpress/api-fetch';
-import classNames from 'classnames';
-import { __ } from '@wordpress/i18n';
-import { __experimentalGetSettings } from '@wordpress/date';
-import { BlockIcon } from '@wordpress/editor';
-import { Component } from '@wordpress/element';
-import { Placeholder } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import DayEdit from './components/day-edit';
-import DayPreview from './components/day-preview';
-import { icon } from '.';
-
-const defaultLocalization = {
- days: {
- Sun: __( 'Sunday', 'jetpack' ),
- Mon: __( 'Monday', 'jetpack' ),
- Tue: __( 'Tuesday', 'jetpack' ),
- Wed: __( 'Wednesday', 'jetpack' ),
- Thu: __( 'Thursday', 'jetpack' ),
- Fri: __( 'Friday', 'jetpack' ),
- Sat: __( 'Saturday', 'jetpack' ),
- },
- startOfWeek: 0,
-};
-
-class BusinessHours extends Component {
- state = {
- localization: defaultLocalization,
- hasFetched: false,
- };
-
- componentDidMount() {
- this.apiFetch();
- }
-
- apiFetch() {
- this.setState( { data: defaultLocalization }, () => {
- apiFetch( { path: '/wpcom/v2/business-hours/localized-week' } ).then(
- data => {
- this.setState( { localization: data, hasFetched: true } );
- },
- () => {
- this.setState( { localization: defaultLocalization, hasFetched: true } );
- }
- );
- } );
- }
-
- render() {
- const { attributes, className, isSelected } = this.props;
- const { days } = attributes;
- const { localization, hasFetched } = this.state;
- const { startOfWeek } = localization;
- const localizedWeek = days.concat( days.slice( 0, startOfWeek ) ).slice( startOfWeek );
-
- if ( ! hasFetched ) {
- return (
- <Placeholder
- icon={ <BlockIcon icon={ icon } /> }
- label={ __( 'Loading business hours', 'jetpack' ) }
- />
- );
- }
-
- if ( ! isSelected ) {
- const settings = __experimentalGetSettings();
- const {
- formats: { time },
- } = settings;
- return (
- <dl className={ classNames( className, 'jetpack-business-hours' ) }>
- { localizedWeek.map( ( day, key ) => {
- return (
- <DayPreview
- key={ key }
- day={ day }
- localization={ localization }
- timeFormat={ time }
- />
- );
- } ) }
- </dl>
- );
- }
-
- return (
- <div className={ classNames( className, 'is-edit' ) }>
- { localizedWeek.map( ( day, key ) => {
- return (
- <DayEdit key={ key } day={ day } localization={ localization } { ...this.props } />
- );
- } ) }
- </div>
- );
- }
-}
-
-export default BusinessHours;