woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-01 07:02:48 +08:00
Code Issues Projects Packages Wiki Activity Actions

♻️ Change hook props from object to argument list

Browse source
This commit is contained in:
Philipp Stracker 2025-02-13 16:28:24 +01:00
parent c6d7875fda
commit d28f4f0784
No known key found for this signature in database
2 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/ppcp-settings/resources/js/Components/ReusableComponents/AccordionSection.js
View file

@ -21,7 +21,7 @@ const Accordion = ( {
children = null, children = null,
className = '', className = '',
} ) => { } ) => {
const { isOpen, toggleOpen } = useToggleState( { id, initiallyOpen } ); const { isOpen, toggleOpen } = useToggleState( id, initiallyOpen );
const wrapperClasses = classNames( 'ppcp-r-accordion', className, { const wrapperClasses = classNames( 'ppcp-r-accordion', className, {
'ppcp--is-open': isOpen, 'ppcp--is-open': isOpen,
} ); } );

9
modules/ppcp-settings/resources/js/hooks/useToggleState.js
View file

@ -14,13 +14,12 @@ const determineInitialState = ( id, initiallyOpen ) => {
/** /**
* Allows managing a toggle-able component, such as an accordion or a modal dialog. * Allows managing a toggle-able component, such as an accordion or a modal dialog.
* *
* @param {Object} props * @param {string} [id=''] - If provided, the toggle can be opened via the URL.
* @param {string} props.id - Optional, if provided, the toggle can be opened via the URL. * @param {null|boolean} [initiallyOpen=null] - If provided, it defines the initial open state.
* @param {null|boolean} props.initiallyOpen - Optional. If provided, it defines the initial open state. * If omitted, the initial open state is determined by using the "id" logic (inspecting the URL).
* If omitted, the initial open state is determined by using the "id" logic (inspecting the URL).
* @return {{isOpen: unknown, toggleOpen: (function(*): boolean)}} Hook object. * @return {{isOpen: unknown, toggleOpen: (function(*): boolean)}} Hook object.
*/ */
export function useToggleState( { id = '', initiallyOpen = null } ) { export function useToggleState( id = '', initiallyOpen = null ) {
const [ isOpen, setIsOpen ] = useState( const [ isOpen, setIsOpen ] = useState(
determineInitialState( id, initiallyOpen ) determineInitialState( id, initiallyOpen )
); );