Function PluginAdd

client/src/pages/admin/pages/plugins.tsx:149–209

()

};

export const PluginAdd = () => {
  const createPlugin = useCreatePlugin();
  function handleSave(event: React.SyntheticEvent) {
    event.preventDefault();
    const formData = new FormData(event.target as HTMLFormElement);
    const name = formData.get('name') as string;
    const url = formData.get('url') as string;
    createPlugin.mutate(
      { name, url },
      {
        onSuccess: () => {
          toast('Successfully added plugin', {
            icon: '👍',
            className: 'bg-green-100 font-bold',
          });
        },
        onError: (response) => {
          toast('Something went wrong adding a plugin', {
            icon: '😖',
            className: 'bg-red-100 font-bold',
          });
        },
      }
    );
  }
  return (
    <>
      <form onSubmit={handleSave}>
        <div className="form-control">
          <label className="label">
            <span className="label-text">Name</span>
          </label>
          <input
            type="text"
            aria-label="add plugin name"
            name="name"
            placeholder="Name"
            className="input input-bordered"
          />
        </div>
        <div className="form-control">
          <label className="label">
            <span className="label-text">URL</span>
          </label>
          <input
            type="text"
            aria-label="add plugin url"
            name="url"
            placeholder="URL"
            className="input input-bordered"
          />
        </div>
        <div className="modal-action">
          <button className="btn btn-primary" type="submit" aria-label="create plugin">
            Save
          </button>
        </div>
      </form>