← All changes | js/components/EditMenu/ConditionModal/ConditionModalButton.tsx +11 -9 4.0.0-beta.1 → trunk View file →

		@@ -8,27 +8,29 @@
8	8	import { useSnippetForm } from '../SnippetForm/WithSnippetFormContext'
9	9	import type { Dispatch, SetStateAction } from 'react'
10	10
11	11	export interface ConditionModalButtonProps {
12		- setIsDialogOpen: Dispatch<SetStateAction<boolean>>
	12	+ setIsModalOpen: Dispatch<SetStateAction<boolean>>
13	13	}
14	14
15		-export const ConditionModalButton: React.FC<ConditionModalButtonProps> = ({ setIsDialogOpen }) => {
	15	+export const ConditionModalButton: React.FC<ConditionModalButtonProps> = ({ setIsModalOpen }) => {
16	16	const { snippet, isReadOnly } = useSnippetForm()
17	17
18	18	const hasCondition = 0 !== snippet.conditionId
19	19
20	20	return (
21		- <div className={classnames('conditions-editor-open inline-form-field', hasCondition ? 'has-condition' : 'no-condition')}>
	21	+ <div className={classnames(
	22	+ 'conditions-editor-open block-form-field',
	23	+ hasCondition ? 'has-condition' : 'no-condition'
	24	+ )}>
22	25	{isCondition(snippet) ? null
23	26	: <>
24		- <strong>{__('Conditions', 'code-snippets')}</strong>
	27	+ <div className="conditions-editor-header">
	28	+ <strong>{__('Conditions', 'code-snippets')}</strong>
	29	+ {!isLicensed() && <Badge name="pro" small>{__('Pro', 'code-snippets')}</Badge>}
	30	+ </div>
25	31
26		- <Badge name="beta" small>{__('beta', 'code-snippets')}</Badge>
27		-
28		- {!isLicensed() && <Badge name="pro" small>{__('Pro', 'code-snippets')}</Badge>}
29		-
30		- <Button large disabled={isReadOnly} onClick={() => setIsDialogOpen(true)}>
	32	+ <Button large disabled={isReadOnly} onClick={() => setIsModalOpen(true)}>
31	33	<Badge name="cond" small />
32	34	{hasCondition
33	35	? __('Edit Conditions', 'code-snippets')
34	36	: __('Add Conditions', 'code-snippets')}