Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
perpending
/
wp-content
/
plugins
/
elementor-pro
/
core
/
app
/
assets
/
js
/
ui
:
connect-button.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
import * as React from 'react'; import { useRef, useEffect } from 'react'; import { Button } from '@elementor/app-ui'; import { arrayToClassName } from '../utils.js'; const ConnectButton = ( props ) => { const className = arrayToClassName( [ 'e-app-connect-button', props.className, ] ); const buttonRef = useRef( null ); useEffect( () => { if ( ! buttonRef.current ) { return; } jQuery( buttonRef.current ).elementorConnect(); }, [] ); return ( <Button { ...props } elRef={ buttonRef } className={ className } /> ); }; ConnectButton.propTypes = { ...Button.propTypes, text: PropTypes.string.isRequired, url: PropTypes.string.isRequired, className: PropTypes.string, }; ConnectButton.defaultProps = { className: '', variant: 'contained', size: 'sm', color: 'cta', target: '_blank', rel: 'noopener noreferrer', text: __( 'Connect & Activate', 'elementor-pro' ), }; export default React.memo( ConnectButton );