| Server IP : 46.105.57.169 / Your IP : 216.73.216.67 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/blueversion/wp-content/plugins/give/blocks/components/column-selector/ |
Upload File : |
import cx from 'classnames';
import './style.scss';
export function Selector({display, selected}) {
const displayValue = String(display);
return (
<div
className={cx(
'give_column_selector_container',
{'give_column_selector_selected': displayValue === selected}
)}
>
<>
{Array(display).fill(null).map((val, i) => <div key={i} className="give_column_selector_box"> </div>)}
</>
</div>
)
}
export function Row({children}) {
return (
<div className="give_column_selector_row">
{children}
</div>
)
}
export default function ({label, selected, help}) {
return (
<div className="give_column_selector">
{label && (
<p>{label}</p>
)}
{help && (
<p className="give_column_selector_help_text">{help}</p>
)}
{selected === '1' ? (
<Row>
<Selector
display={1}
selected={selected}
/>
</Row>
) : selected === '2' ? (
<Row>
<Selector
display={2}
selected={selected}
/>
</Row>
) : selected === '3' ? (
<Row>
<Selector
display={3}
selected={selected}
/>
</Row>
):
<Row>
<Selector
display={4}
selected={selected}
/>
</Row>
}
</div>
)
}