← All changes | js/components/EditMenu/EditorSidebar/controls/MultisiteSharingSettings.tsx +4 -3 4.0.0-beta.1 → trunk View file →

		@@ -1,5 +1,5 @@
1		-import React from 'react'
	1	+import React, { useId } from 'react'
2	2	import { __ } from '@wordpress/i18n'
3	3	import { useSnippetForm } from '../../SnippetForm/WithSnippetFormContext'
4	4	import { Tooltip } from '../../../common/Tooltip'
5	5
		@@ -4,12 +4,13 @@
4	4	import { Tooltip } from '../../../common/Tooltip'
5	5
6	6	export const MultisiteSharingSettings: React.FC = () => {
7	7	const { snippet, setSnippet, isReadOnly } = useSnippetForm()
	8	+ const sharingId = useId()
8	9
9	10	return (
10	11	<div className="inline-form-field activation-switch-container">
11		- <label htmlFor="snippet_sharing" id="snippet-sharing-label">
	12	+ <label htmlFor={sharingId} id="snippet-sharing-label">
12	13	{__('Share with Subsites', 'code-snippets')}
13	14	</label>
14	15
15	16	<Tooltip inline start>
		@@ -22,9 +23,9 @@
22	23	: __('Disabled', 'code-snippets')}
23	24	</span>
24	25
25	26	<input
26		- id="snippet_sharing"
	27	+ id={sharingId}
27	28	name="snippet_sharing"
28	29	type="checkbox"
29	30	className="switch"
30	31	checked={!!snippet.shared_network}