Use font picker from components

[MAILPOET-2600]
This commit is contained in:
Pavel Dohnal
2020-02-26 10:37:24 +01:00
committed by Jack Kitterhing
parent 57b0747b6e
commit d83975dc64

View File

@@ -2,10 +2,10 @@ import React from 'react';
import { import {
ColorIndicator, ColorIndicator,
ColorPalette, ColorPalette,
FontSizePicker,
Panel, Panel,
PanelBody, PanelBody,
} from '@wordpress/components'; } from '@wordpress/components';
import { FontSizePicker } from '@wordpress/block-editor';
import MailPoet from 'mailpoet'; import MailPoet from 'mailpoet';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { useSelect, useDispatch } from '@wordpress/data'; import { useSelect, useDispatch } from '@wordpress/data';
@@ -34,10 +34,13 @@ const BasicSettingsPanel = ({ onToggle, isOpened }) => {
fontSize: size, fontSize: size,
}); });
}; };
const settingsColors = useSelect( const { settingsColors, fontSizes } = useSelect(
(select) => { (select) => {
const { getSettings } = select('core/block-editor'); const { getSettings } = select('core/block-editor');
return getSettings().colors; return {
settingsColors: getSettings().colors,
fontSizes: getSettings().fontSizes,
};
}, },
[] []
); );