From eeaa3ae8b1d273341a77b3c41a09e086bbde5fbb Mon Sep 17 00:00:00 2001
From: Nate Cavanaugh <nathan.cavanaugh@liferay.com>
Date: Wed, 30 Oct 2019 18:14:45 -0700
Subject: [PATCH] LPS-101063 - Don't merge into master - just a POC

---
 .../js/components/inputs/StringInput.es.js    | 43 +++++++++++++------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/modules/apps/segments/segments-web/src/main/resources/META-INF/resources/js/components/inputs/StringInput.es.js b/modules/apps/segments/segments-web/src/main/resources/META-INF/resources/js/components/inputs/StringInput.es.js
index 17fd7cd3d81f08..2f803bc46de5ac 100644
--- a/modules/apps/segments/segments-web/src/main/resources/META-INF/resources/js/components/inputs/StringInput.es.js
+++ b/modules/apps/segments/segments-web/src/main/resources/META-INF/resources/js/components/inputs/StringInput.es.js
@@ -102,7 +102,11 @@ class StringInput extends React.Component {
 	};
 
 	render() {
-		const {disabled, options, value} = this.props;
+		let {disabled, displayValue, options, value} = this.props;
+
+		if (value) {
+			options = [{label: 'test', value: 1234}];
+		}
 
 		return options.length === 0 ? (
 			<div className="criterion-input input-group">
@@ -127,19 +131,32 @@ class StringInput extends React.Component {
 				</div>
 			</div>
 		) : (
-			<ClaySelectWithOption
-				className="criterion-input form-control"
-				data-testid="options-string"
-				disabled={disabled}
-				onChange={this._handleChange}
-				options={options.map(o => ({
-					label: o.label,
-					value: o.value
-				}))}
-				value={value}
-			/>
+			<div className="criterion-input input-group">
+				<div className="input-group-prepend">
+					<button
+						className="btn btn-secondary"
+						id="button-addon1"
+						onClick={this._handleSelectEntity}
+						type="button"
+					>
+						{displayValue}
+					</button>
+				</div>
+
+				<ClaySelectWithOption
+					className="criterion-input form-control input-group-item input-group-append input-group-item-shrink"
+					data-testid="options-string"
+					disabled={disabled}
+					onChange={this._handleChange}
+					options={options.map(o => ({
+						label: o.label,
+						value: o.value
+					}))}
+					value={value}
+				/>
+			</div>
 		);
 	}
 }
 
-export default StringInput;
+export default StringInput;
\ No newline at end of file