[RNMobile] Tiled Gallery: Remove "link to" settings and references (#…

…21884) For the current phase of the Tiled Gallery block, we won't be shipping the block with "link to" settings. As such, this PR removes all references to those settings.
Automattic · Nov 29, 2021 · a65afa9 · a65afa9
1 parent 653cbbe
commit a65afa9
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 34 deletions.
diff --git a/projects/plugins/jetpack/extensions/blocks/tiled-gallery/edit.native.js b/projects/plugins/jetpack/extensions/blocks/tiled-gallery/edit.native.js
@@ -45,7 +45,7 @@ const TiledGalleryEdit = props => {
 		noticeUI,
 		onFocus,
 		setAttributes,
-		attributes: { columns, images: attributeImages, linkTo, roundedCorners },
+		attributes: { columns, images: attributeImages, roundedCorners },
 	} = props;
 
 	const { replaceInnerBlocks, updateBlockAttributes } = useDispatch( blockEditorStore );
@@ -173,7 +173,6 @@ const TiledGalleryEdit = props => {
 			{ resizeObserver }
 			<TiledGallerySettings
 				setAttributes={ props.setAttributes }
-				linkTo={ linkTo }
 				columns={ columns }
 				roundedCorners={ roundedCorners }
 				clientId={ clientId }

diff --git a/projects/plugins/jetpack/extensions/blocks/tiled-gallery/save.native.js b/projects/plugins/jetpack/extensions/blocks/tiled-gallery/save.native.js
@@ -27,7 +27,6 @@ export default function TiledGallerySave( { attributes, innerBlocks } ) {
 		align,
 		className,
 		columns = defaultColumnsNumber( images ),
-		linkTo,
 		roundedCorners,
 		columnWidths,
 		ids,
@@ -43,7 +42,6 @@ export default function TiledGallerySave( { attributes, innerBlocks } ) {
 			images={ images }
 			isSave
 			layoutStyle={ layoutStyle }
-			linkTo={ linkTo }
 			roundedCorners={ roundedCorners }
 			columnWidths={ columnWidths }
 			ids={ ids }

diff --git a/projects/plugins/jetpack/extensions/blocks/tiled-gallery/settings.native.js b/projects/plugins/jetpack/extensions/blocks/tiled-gallery/settings.native.js
@@ -4,12 +4,7 @@
 import { InspectorControls } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { useEffect, useState } from '@wordpress/element';
-import {
-	LinkSettingsNavigation,
-	PanelBody,
-	RangeControl,
-	UnitControl,
-} from '@wordpress/components';
+import { PanelBody, RangeControl, UnitControl } from '@wordpress/components';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 
 /**
@@ -33,7 +28,7 @@ const TiledGallerySettings = props => {
 		styles.horizontalBorderDark
 	);
 
-	const { setAttributes, linkTo, columns, roundedCorners, clientId, className } = props;
+	const { setAttributes, columns, roundedCorners, clientId, className } = props;
 	const [ columnNumber, setColumnNumber ] = useState( columns ?? DEFAULT_COLUMNS );
 	useEffect( () => {
 		setColumnNumber( columns );
@@ -42,16 +37,6 @@ const TiledGallerySettings = props => {
 	const [ roundedCornerRadius, setRoundedCornerRadius ] = useState(
 		roundedCorners ?? DEFAULT_ROUNDED_CORNERS
 	);
-	const [ linkToURL, setLinkToURL ] = useState( linkTo ?? '' );
-
-	const linkSettingsOptions = {
-		url: {
-			label: __( 'Link URL', 'jetpack' ),
-			placeholder: __( 'Add URL', 'jetpack' ),
-			autoFocus: true,
-			autoFill: true,
-		},
-	};
 
 	const layoutStyle = getActiveStyleName( LAYOUT_STYLES, className );
 
@@ -88,18 +73,6 @@ const TiledGallerySettings = props => {
 					/>
 				</PanelBody>
 			) }
-			<PanelBody>
-				<LinkSettingsNavigation
-					url={ linkToURL }
-					setAttributes={ value => {
-						setLinkToURL( value.url );
-					} }
-					withBottomSheet={ false }
-					hasPicker
-					options={ linkSettingsOptions }
-					showIcon={ false }
-				/>
-			</PanelBody>
 		</InspectorControls>
 	);
 };

diff --git a/projects/plugins/jetpack/extensions/blocks/tiled-gallery/styles.native.scss b/projects/plugins/jetpack/extensions/blocks/tiled-gallery/styles.native.scss
@@ -4,7 +4,6 @@
 
 .horizontalBorder {
 	border-top-width: $border-width;
-	border-bottom-width: $border-width;
 	border-color: $light-gray-400;
 }