woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 18:16:38 +08:00
Code Issues Projects Packages Wiki Activity Actions

✨ Add gemeric hook-generator for data access

Browse source
This commit is contained in:
Philipp Stracker 2025-01-16 18:20:03 +01:00
parent bd14ea441e
commit f07d9bad82
No known key found for this signature in database
2 changed files with 66 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

20
modules/ppcp-settings/resources/js/data/styling/hooks.js
View file

@ -11,6 +11,7 @@ import { __ } from '@wordpress/i18n';
import { useCallback, useState } from '@wordpress/element'; // Temporary
import { useSelect, useDispatch } from '@wordpress/data';
import { createHooksForStore } from '../utils';
import { STORE_NAME } from './constants';
import {
STYLING_COLORS,
@ -21,28 +22,17 @@ import {
STYLING_SHAPES,
} from './configuration';
const useTransient = ( key ) =>
useSelect(
( select ) => select( STORE_NAME ).transientData()?.[ key ],
[ key ]
);
const usePersistent = ( key ) =>
useSelect(
( select ) => select( STORE_NAME ).persistentData()?.[ key ],
[ key ]
);
const useHooks = () => {
const { persist, setShape } = useDispatch( STORE_NAME );
const { useTransient, usePersistent } = createHooksForStore( STORE_NAME );
const { persist } = useDispatch( STORE_NAME );
// Read-only flags and derived state.
// Transient accessors.
const isReady = useTransient( 'isReady' );
const [ isReady ] = useTransient( 'isReady' );
// Persistent accessors.
const shape = usePersistent( 'shape' );
const [ shape, setShape ] = usePersistent( 'shape' );
return {
persist,