Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add types for custom font-family select options

Browse Source 
[MAILPOET-4323]
This commit is contained in:
Jan Jakes
2022-05-10 14:09:35 +02:00
committed by Veljko V
parent ec89251db2
commit 2b27f537f9
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
mailpoet/assets/js/src/form_editor/components/font_family_settings.tsx
View File

@@ -15,6 +15,14 @@ const standardFonts = [
'Verdana', 'Verdana',
]; ];
type Option = {
key: string;
name: string;
selectable: boolean;
value?: string;
style?: CSSProperties;
};
type Props = { type Props = {
onChange: (value: string | undefined) => void; onChange: (value: string | undefined) => void;
value?: string; value?: string;
@@ -42,7 +50,7 @@ export function FontFamilySettings({
cursor: 'default', cursor: 'default',
marginLeft: 16, marginLeft: 16,
}); });
const options = [ const options: Option[] = [
{ {
key: MailPoet.I18n.t('formFontsDefaultTheme'), key: MailPoet.I18n.t('formFontsDefaultTheme'),
name: MailPoet.I18n.t('formFontsDefaultTheme'), name: MailPoet.I18n.t('formFontsDefaultTheme'),
@@ -90,8 +98,9 @@ export function FontFamilySettings({
<CustomSelectControl <CustomSelectControl
options={options} options={options}
onChange={(selected): void => { onChange={(selected): void => {
if (selected.selectedItem.selectable) { const selectedItem = selected.selectedItem as Option;
onChange(selected.selectedItem.value as string); if (selectedItem.selectable) {
onChange(selectedItem.value);
} }
}} }}
value={selectedValue} value={selectedValue}