Geforce File Manager

NAME	SIZE	ACTIONS
📄 CTA.js	600 B	[ EDIT ] \| [ DEL ]
📄 CheckboxControl.js	539 B	[ EDIT ] \| [ DEL ]
📄 ColorPicker.js	730 B	[ EDIT ] \| [ DEL ]
📄 ComboboxControl.js	612 B	[ EDIT ] \| [ DEL ]
📄 CustomCSS.js	1,213 B	[ EDIT ] \| [ DEL ]
📄 Disabled.js	861 B	[ EDIT ] \| [ DEL ]
📄 Fields.js	1,321 B	[ EDIT ] \| [ DEL ]
📄 Group.js	2,021 B	[ EDIT ] \| [ DEL ]
📄 Groups.js	747 B	[ EDIT ] \| [ DEL ]
📄 Integration.js	3,088 B	[ EDIT ] \| [ DEL ]
📄 Loading.js	253 B	[ EDIT ] \| [ DEL ]
📄 Media.js	1,903 B	[ EDIT ] \| [ DEL ]
📄 Notices.js	552 B	[ EDIT ] \| [ DEL ]
📄 NullView.js	47 B	[ EDIT ] \| [ DEL ]
📄 Page.js	428 B	[ EDIT ] \| [ DEL ]
📄 SaveButton.js	1,309 B	[ EDIT ] \| [ DEL ]
📄 SelectControl.js	623 B	[ EDIT ] \| [ DEL ]
📄 TextControl.js	775 B	[ EDIT ] \| [ DEL ]
📄 ToggleControl.js	1,802 B	[ EDIT ] \| [ DEL ]

[ CLOSE ]

EDIT: SaveButton.js

/**
 * WordPress dependencies
 */
import { useSelect } from "@wordpress/data";
import { __ } from "@wordpress/i18n";
import { store as coreStore } from "@wordpress/core-data";
import { Button } from "@wordpress/components";

export default function SaveButton({
  onSave,
  children,
  busy,
  loading,
  ...rest
}) {
  const { isDirty, isSaving } = useSelect((select) => {
    const {
      __experimentalGetDirtyEntityRecords,
      isSavingEntityRecord,
    } = select(coreStore);

const dirtyEntityRecords = (
      __experimentalGetDirtyEntityRecords() || []
    ).filter((r) => r.name !== "webhook");

return {
      isDirty: dirtyEntityRecords.length > 0,
      isSaving: dirtyEntityRecords.some((record) =>
        isSavingEntityRecord(record.kind, record.name, record.key)
      ),
    };
  }, []);

const disabled = !isDirty || isSaving;

if (loading) {
    return (
      <ScSkeleton
        style={{
          width: "120px",
          height: "35px",
          display: "inline-block",
        }}
      ></ScSkeleton>
    );
  }

return (
    <Button
      isPrimary
      aria-disabled={disabled}
      disabled={disabled || isSaving || busy}
      isBusy={isSaving || busy}
      onClick={disabled ? undefined : onSave}
      {...rest}
    >
      {children}
    </Button>
  );
}