File Manager

XYZ File Manager

Current Path: /var/www/wordpress/wp-content/plugins/code-snippets/js/components/common

var / www / wordpress / wp-content / plugins / code-snippets / js / components / common /

📁 ..
📄 Badge.tsx(838 B)
📄 Button.tsx(929 B)
📄 ConfirmDialog.tsx(1.1 KB)
📄 CopyToClipboardButton.tsx(1.64 KB)
📄 DismissableNotice.tsx(700 B)
📄 SubmitButton.tsx(913 B)
📄 Tooltip.tsx(681 B)
📄 UpsellBanner.tsx(1.16 KB)
📄 UpsellDialog.tsx(2.11 KB)
📁 icons

Editing: UpsellBanner.tsx

import { ExternalLink } from '@wordpress/components'
import { createInterpolateElement } from '@wordpress/element'
import { __ } from '@wordpress/i18n'
import React, { useState } from 'react'
import { isLicensed } from '../../utils/screen'
import { Button } from './Button'

export const UpsellBanner = () => {
	const [isDismissed, setIsDismissed] = useState(false)

return isDismissed || isLicensed() || window.CODE_SNIPPETS_EDIT?.hideUpsell
		? null
		: <div className="code-snippets-upsell-banner">
			<img
				src={`${window.CODE_SNIPPETS?.urls.plugin}/assets/icon.svg`}
				alt={__('Code Snippets logo', 'code-snippets')}
				height="34"
			/>
			<p>
				{createInterpolateElement(
					__('Unlock <strong>cloud sync, snippet conditions, AI features</strong> and much more with Code Snippets Pro.', 'code-snippets'),
					{ strong: <strong /> }
				)}
			</p>

<ExternalLink
				className="button button-primary button-large"
				href="https://codesnippets.pro/pricing/"
			>
				{__('Get Started', 'code-snippets')}
			</ExternalLink>

<Button small link onClick={() => setIsDismissed(true)}>
				<span className="dashicons dashicons-no-alt"></span>
			</Button>
		</div>
}

XYZ File Manager

Editing: UpsellBanner.tsx

Upload File

Create Folder