[Summary view] [Print] [Text view]

   1  /**
   2   * WordPress dependencies.
   3   */
   4  const {
   5      blockEditor: {
   6          InspectorControls,
   7      },
   8      components: {
   9          Disabled,
  10          PanelBody,
  11          RangeControl,
  12          TextControl,
  13      },
  14      element: {
  15          Fragment,
  16          createElement,
  17      },
  18      i18n: {
  19          __,
  20      },
  21      serverSideRender: ServerSideRender,
  22  } = wp;
  23  
  24  const editOnlineMembersBlock = ( { attributes, setAttributes } ) => {
  25      const { title, maxMembers } = attributes;
  26  
  27      return (
  28          <Fragment>
  29              <InspectorControls>
  30                  <PanelBody title={ __( 'Settings', 'buddypress' ) } initialOpen={ true }>
  31                      <TextControl
  32                          label={ __( 'Title', 'buddypress' ) }
  33                          value={ title }
  34                          onChange={ ( text ) => {
  35                              setAttributes( { title: text } );
  36                          } }
  37                      />
  38                      <RangeControl
  39                          label={ __( 'Max members to show', 'buddypress' ) }
  40                          value={ maxMembers }
  41                          onChange={ ( value ) =>
  42                              setAttributes( { maxMembers: value } )
  43                          }
  44                          min={ 1 }
  45                          max={ 15 }
  46                          required
  47                      />
  48                  </PanelBody>
  49              </InspectorControls>
  50              <Disabled>
  51                  <ServerSideRender block="bp/online-members" attributes={ attributes } />
  52              </Disabled>
  53          </Fragment>
  54      );
  55  };
  56  
  57  export default editOnlineMembersBlock;