Use font picker from components
[MAILPOET-2600]
This commit is contained in:
committed by
Jack Kitterhing
parent
57b0747b6e
commit
d83975dc64
@@ -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,
|
||||||
|
};
|
||||||
},
|
},
|
||||||
[]
|
[]
|
||||||
);
|
);
|
||||||
|
Reference in New Issue
Block a user