| Server IP : 192.158.238.246 / Your IP : 52.14.238.102 Web Server : LiteSpeed System : Linux uniform.iwebfusion.net 4.18.0-553.27.1.lve.1.el8.x86_64 #1 SMP Wed Nov 20 15:58:00 UTC 2024 x86_64 User : jenniferflocom ( 1321) PHP Version : 8.1.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/7779/task/7779/cwd/plugins/gutenkit-blocks-addon/src/blocks/back-to-top/ |
Upload File : |
import classNames from 'classnames'
const Markup = ({attributes, options, clientId}) => {
const { btnAppearance, btnIcon, btnText } = attributes;
const { GkitIcon } = window.gutenkit.components;
const btnProps = {
className: classNames(
{['icon-wrapper']: btnAppearance !== 'text-only'},
{['text-wrapper']: btnAppearance === 'text-only'},
)
};
return (
<div className='gkit-back-to-top' data-settings={JSON.stringify(options)}>
<span {...btnProps}>
{btnAppearance === 'icon-only' && (
<GkitIcon icon={btnIcon} />
)}
{btnText && btnAppearance === 'text-only' && btnText}
{btnText && btnAppearance === 'progress-indicator' && (
<div className="progress-indicator">
<canvas id={`canvas-${clientId}`} className="canvas" data-canvas={clientId}></canvas>
<GkitIcon icon={btnIcon} />
</div>
)}
</span>
</div>
)
}
export default Markup