Edit File by line

import React from 'react';

[0] Fix | Delete

[1] Fix | Delete

import { SelectControl } from '@wordpress/components';

[2] Fix | Delete

import withMetaData from '../../utils/withMetaData';

[3] Fix | Delete

import {

[4] Fix | Delete

useBackgroundAppContext,

[5] Fix | Delete

usePostBackgroundMessage,

[6] Fix | Delete

} from '../../iframe/useBackgroundApp';

[7] Fix | Delete

import { ProxyMessages } from '../../iframe/integratedMessages';

[8] Fix | Delete

[9] Fix | Delete

interface IOption {

[10] Fix | Delete

label: string;

[11] Fix | Delete

value: string;

[12] Fix | Delete

disabled?: boolean;

[13] Fix | Delete

}

[14] Fix | Delete

[15] Fix | Delete

interface IUISidebarSelectControlProps {

[16] Fix | Delete

metaValue?: string;

[17] Fix | Delete

metaKey: string;

[18] Fix | Delete

setMetaValue?: Function;

[19] Fix | Delete

options: IOption[];

[20] Fix | Delete

className: string;

[21] Fix | Delete

label: JSX.Element;

[22] Fix | Delete

}

[23] Fix | Delete

[24] Fix | Delete

const UISidebarSelectControl = (props: IUISidebarSelectControlProps) => {

[25] Fix | Delete

const isBackgroundAppReady = useBackgroundAppContext();

[26] Fix | Delete

[27] Fix | Delete

const monitorSidebarMetaChange = usePostBackgroundMessage();

[28] Fix | Delete

[29] Fix | Delete

return (

[30] Fix | Delete

<SelectControl

[31] Fix | Delete

value={props.metaValue}

[32] Fix | Delete

onChange={content => {

[33] Fix | Delete

if (props.setMetaValue) {

[34] Fix | Delete

props.setMetaValue(content);

[35] Fix | Delete

}

[36] Fix | Delete

isBackgroundAppReady &&

[37] Fix | Delete

monitorSidebarMetaChange({

[38] Fix | Delete

key: ProxyMessages.TrackSidebarMetaChange,

[39] Fix | Delete

payload: {

[40] Fix | Delete

metaKey: props.metaKey,

[41] Fix | Delete

[42] Fix | Delete

});

[43] Fix | Delete

}}

[44] Fix | Delete

{...props}

[45] Fix | Delete

[46] Fix | Delete

);

[47] Fix | Delete

};

[48] Fix | Delete

[49] Fix | Delete

export default withMetaData(UISidebarSelectControl);

[50] Fix | Delete

[51] Fix | Delete