🔐 Sid Gifari File Manager Pro
v8.0.5 | 2026-06-19 15:53:23 | PHP 8.1.34
📂
/ (Root)
/
home
/
therahul
/
thedasstores.com
/
wp-content
/
plugins
/
blocksy-companion
/
static
/
js
/
header
📍 /home/therahul/thedasstores.com/wp-content/plugins/blocksy-companion/static/js/header
🔄 Refresh
✏️
Editing: EditConditions.js
Writable
import { createElement, Fragment, Component, useContext, useRef, useState, } from '@wordpress/element' import { Overlay, OptionsPanel, getValueFromInput, PlacementsDragDropContext, } from 'blocksy-options' import { __ } from 'ct-i18n' import useFetch from 'react-fetch-hook' import createTrigger from 'react-use-trigger' import useTrigger from 'react-use-trigger/useTrigger' const requestTrigger = createTrigger() const EditConditions = ({ forcedEdit = false, headerId }) => { const [isEditing, setIsEditing] = useState(false) const [localConditions, setConditions] = useState(null) const { builderValueCollection, builderValueDispatch } = useContext( PlacementsDragDropContext ) const containerRef = useRef() const requestTriggerValue = useTrigger(requestTrigger) const saveSettings = () => { fetch( `${wp.ajax.settings.url}?action=blocksy_header_update_all_conditions`, { headers: { Accept: 'application/json', 'Content-Type': 'application/json', }, method: 'POST', body: JSON.stringify(localConditions), } ) .then((r) => r.json()) .then(() => { requestTrigger() setIsEditing(false) }) } const { data: conditions, isLoading, error, } = useFetch( `${blocksy_admin.ajax_url}?action=blocksy_header_get_all_conditions`, { method: 'POST', formatter: async (r) => { const { success, data } = await r.json() if (!success || !data.conditions) { throw new Error() } return data.conditions }, depends: [requestTriggerValue], } ) return ( <Fragment> <button className="button-primary" style={{ width: '100%' }} onClick={(e) => { e.preventDefault() e.stopPropagation() if (isLoading) { return } setIsEditing(true) }}> {__('Add/Edit Conditions', 'blocksy-companion')} </button> <Overlay items={isEditing} initialFocusRef={containerRef} className="ct-admin-modal ct-builder-conditions-modal" onDismiss={() => { setIsEditing(false) setConditions(null) }} render={() => ( <div className="ct-modal-content" ref={containerRef}> <h2> {sprintf( __('Display Conditions', 'blocksy-companion') )} </h2> <p> {__( 'Add one or more conditions in order to display your header.', 'blocksy-companion' )} </p> <div className="ct-modal-scroll"> <OptionsPanel onChange={(optionId, cond) => { setConditions((localConditions) => [ ...( localConditions || conditions ).filter(({ id }) => id !== headerId), { id: headerId, conditions: cond, }, ]) }} options={{ conditions: { type: 'blocksy-display-condition', design: 'none', value: [], design: 'none', label: false, }, }} value={{ conditions: ( (localConditions || conditions).find( ({ id }) => id === headerId ) || { conditions: [] } ).conditions, }} hasRevertButton={false} /> </div> <div className="ct-modal-actions has-divider"> <button className="button-primary" disabled={!localConditions} onClick={() => saveSettings()}> {__('Save Conditions', 'blocksy-companion')} </button> </div> </div> )} /> </Fragment> ) } export default EditConditions
💾 Save Changes
❌ Cancel