Sharing block: make sharing options translatable (#36642)

* Sharing block: make sharing options translatable

* Add comments for translators

projects/plugins/jetpack/changelog/fix-sharing-blocks-not-translatable-text

@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Sharing block: make sharing options translatable

projects/plugins/jetpack/extensions/blocks/sharing-button/variations.js

@@ -10,8 +10,13 @@ export const variations = [
 	},
 	{
 		name: 'print',
-		attributes: { service: 'print', label: 'Print' },
-		title: 'Print',
+		attributes: {
+			service: 'print',
+			// translators: option to print the content - a verb.
+			label: __( 'Print', 'jetpack' ),
+		},
+		// translators: option to print the content - a verb labelling a button.
+		title: __( 'Print', 'jetpack' ),
 		icon: <SocialIcon icon={ 'print' } size={ 24 } />,
 	},
 	{
@@ -29,8 +34,13 @@ export const variations = [
 	},
 	{
 		name: 'mail',
-		attributes: { service: 'mail', label: 'Mail' },
-		title: 'Mail',
+		attributes: {
+			service: 'mail',
+			// translators: option to share the content by email - a verb.
+			label: __( 'Mail', 'jetpack' ),
+		},
+		// translators: option to share the content by email - a verb labelling a button.
+		title: __( 'Mail', 'jetpack' ),
 		keywords: [ 'email', 'e-mail' ],
 		icon: <SocialIcon icon={ 'mail' } size={ 24 } />,
 	},
@@ -104,8 +114,12 @@ export const variations = [
 	},
 	{
 		name: 'native-share',
-		attributes: { service: 'share', label: 'Share' },
-		/* translators: Sharing Button title */
+		attributes: {
+			service: 'share',
+			// translators: option to share the content - a verb.
+			label: __( 'Share', 'jetpack' ),
+		},
+		// translators: option to share the content - a verb labelling a button.
 		title: __( 'Native Share', 'jetpack' ),
 		icon: <SocialIcon icon={ 'share' } size={ 24 } />,
 		//TODO: we can add link in the future to proper documentation