[RNMobile] Renamed UnsupportedFooterControl to FooterMessageControl (#…

…24399)

packages/components/src/footer-message-control/index.native.js

@@ -0,0 +1,10 @@
+/**
+ * Internal dependencies
+ */
+import FooterMessageCell from '../mobile/bottom-sheet/footer-message-cell';
+
+function FooterMessageControl( { ...props } ) {
+	return <FooterMessageCell { ...props } />;
+}
+
+export default FooterMessageControl;

packages/components/src/index.native.js

@@ -40,7 +40,7 @@ export { default as ToggleControl } from './toggle-control';
 export { default as SelectControl } from './select-control';
 export { default as RangeControl } from './range-control';
 export { default as ResizableBox } from './resizable-box';
-export { default as UnsupportedFooterControl } from './unsupported-footer-control';
+export { default as FooterMessageControl } from './footer-message-control';
 export { default as ColorControl } from './color-control';
 export { default as QueryControls } from './query-controls';
 export { default as Notice } from './notice';

packages/components/src/mobile/bottom-sheet/unsupported-footer-cell.native.js → packages/components/src/mobile/bottom-sheet/footer-message-cell.native.js

@@ -8,12 +8,10 @@ import { withPreferredColorScheme } from '@wordpress/compose';
 import Cell from './cell';
 import styles from './styles.scss';
 
-function UnsupportedFooterCell( props ) {
-	const { ...cellProps } = props;
-
+function FooterMessageCell( props ) {
 	return (
 		<Cell
-			{ ...cellProps }
+			{ ...props }
 			editable={ false }
 			value={ '' }
 			accessibilityRole={ 'text' }
@@ -22,4 +20,4 @@ function UnsupportedFooterCell( props ) {
 	);
 }
 
-export default withPreferredColorScheme( UnsupportedFooterCell );
+export default withPreferredColorScheme( FooterMessageCell );

packages/components/src/mobile/link-settings/index.native.js

@@ -21,7 +21,7 @@ import BottomSheet from '../bottom-sheet';
 import PanelBody from '../../panel/body';
 import TextControl from '../../text-control';
 import ToggleControl from '../../toggle-control';
-import UnsupportedFooterControl from '../../unsupported-footer-control';
+import FooterMessageControl from '../../footer-message-control';
 import PanelActions from '../../panel/actions';
 import LinkRelIcon from './link-rel';
 
@@ -46,7 +46,7 @@ function LinkSettings( {
 	//	* linkLabel - uses `TextControl` component to set `attributes.label`
 	//	* openInNewTab - uses `ToggleControl` component to set `attributes.linkTarget` and `attributes.rel`
 	//	* linkRel - uses `TextControl` component to set `attributes.rel`
-	//	* footer - uses `UnsupportedFooterControl` component to display message, e.g. about missing functionality
+	//	* footer - uses `FooterMessageControl` component to display message, e.g. about missing functionality
 	// Available properties:
 	//	* label - control component label, e.g. `Button Link URL`
 	//	* placeholder - control component placeholder, e.g. `Add URL`
@@ -241,7 +241,7 @@ function LinkSettings( {
 			</PanelBody>
 			{ options.footer && (
 				<PanelBody style={ styles.linkSettingsPanel }>
-					<UnsupportedFooterControl label={ options.footer.label } />
+					<FooterMessageControl label={ options.footer.label } />
 				</PanelBody>
 			) }
 			{ actions && <PanelActions actions={ actions } /> }