Geforce File Manager

NAME	SIZE	ACTIONS
📄 ActiveCampaignConfig.js	2,844 B	[ EDIT ] \| [ DEL ]
📄 ChooseProvider.js	3,993 B	[ EDIT ] \| [ DEL ]
📄 FluentCRMConfig.js	2,823 B	[ EDIT ] \| [ DEL ]
📄 MailchimpConfig.js	2,036 B	[ EDIT ] \| [ DEL ]
📄 MailerLiteConfig.js	1,579 B	[ EDIT ] \| [ DEL ]
📄 WebhooksConfig.js	1,573 B	[ EDIT ] \| [ DEL ]
📄 YoutubeChannelId.js	2,380 B	[ EDIT ] \| [ DEL ]

[ CLOSE ]

EDIT: MailerLiteConfig.js

/**
 * WordPress dependencies
 */
const { __ } = wp.i18n;
const { SelectControl, Notice } = wp.components;
const { useEffect, useState } = wp.element;
import LoadSelect from "../../components/LoadSelect";

export default ({ options, updateEmailState }) => {
  const [fetching, setFetching] = useState(false);
  const [groups, setGroups] = useState([
    { value: null, label: __("Choose a group", "presto-player") },
  ]);
  const [error, setError] = useState("");

const fetchGroups = async () => {
    setFetching(true);
    try {
      const fetched = await wp.apiFetch({
        path: "presto-player/v1/mailerlite/groups",
      });

useEffect(() => {
    fetchGroups();
  }, []);

if (fetching) {
    return <LoadSelect />;
  }

if (error) {
    return (
      <Notice className="presto-notice" status="error" isDismissible={false}>
        {error}
      </Notice>
    );
  }

return (
    <div>
      <SelectControl
        label={__("Choose a group", "presto-player")}
        value={options?.provider_list}
        options={groups}
        onChange={(provider_list) => updateEmailState({ provider_list })}
      />
    </div>
  );
};