plugin updates
This commit is contained in:
@@ -1,22 +0,0 @@
|
||||
import React from 'react';
|
||||
import ElementorBanner from './ElementorBanner';
|
||||
import { __ } from '@wordpress/i18n';
|
||||
|
||||
export default function ConnectPluginBanner() {
|
||||
return (
|
||||
<ElementorBanner>
|
||||
<b
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: __(
|
||||
'The HubSpot plugin is not connected right now To use HubSpot tools on your WordPress site, %1$sconnect the plugin now%2$s'
|
||||
)
|
||||
.replace(
|
||||
'%1$s',
|
||||
'<a class="leadin-banner__link" href="admin.php?page=leadin&bannerClick=true">'
|
||||
)
|
||||
.replace('%2$s', '</a>'),
|
||||
}}
|
||||
></b>
|
||||
</ElementorBanner>
|
||||
);
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
interface IElementorBannerProps {
|
||||
type?: string;
|
||||
}
|
||||
|
||||
export default function ElementorBanner({
|
||||
type = 'warning',
|
||||
children,
|
||||
}: React.PropsWithChildren<IElementorBannerProps>) {
|
||||
return (
|
||||
<div className="elementor-control-content">
|
||||
<div
|
||||
className={`elementor-control-raw-html elementor-panel-alert elementor-panel-alert-${type}`}
|
||||
>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
import { styled } from '@linaria/react';
|
||||
import React from 'react';
|
||||
|
||||
const Container = styled.div`
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-bottom: 8px;
|
||||
`;
|
||||
|
||||
export default function ElementorButton({
|
||||
children,
|
||||
...params
|
||||
}: React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>>) {
|
||||
return (
|
||||
<Container className="elementor-button-wrapper">
|
||||
<button
|
||||
className="elementor-button elementor-button-default"
|
||||
type="button"
|
||||
{...params}
|
||||
>
|
||||
{children}
|
||||
</button>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
import { styled } from '@linaria/react';
|
||||
|
||||
interface IElementorWrapperProps {
|
||||
pluginPath?: string;
|
||||
}
|
||||
|
||||
export default styled.div<IElementorWrapperProps>`
|
||||
background-image: ${props =>
|
||||
`url(${props.pluginPath}/plugin/assets/images/hubspot.svg)`};
|
||||
background-color: #f5f8fa;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 25px;
|
||||
background-size: 120px;
|
||||
color: #33475b;
|
||||
font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
|
||||
padding: ${(props: any) => props.padding || '90px 20% 25px'};
|
||||
|
||||
p {
|
||||
font-size: inherit !important;
|
||||
line-height: 24px;
|
||||
margin: 4px 0;
|
||||
}
|
||||
`;
|
||||
Reference in New Issue
Block a user