| Server IP : 104.21.112.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/pontiacques.org/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>
)
}