Add Error component to the DataField.js

Orckestra · Sep 8, 2017 · 48eacd4 · 48eacd4
1 parent 28fe1d6
commit 48eacd4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/Website/Composite/console/components/presentation/DataField.js b/Website/Composite/console/components/presentation/DataField.js
@@ -18,6 +18,11 @@ const Headline = styled.h4`
 	color: ${colors.fieldLabelColor};
 `;
 
+const Error = styled.span`
+	color: red;
+	font-size: 12px;
+`;
+
 
 const DataField = props => {
 	let handleChange, defaultOption, inputElement, options;
@@ -76,6 +81,7 @@ const DataField = props => {
 				null}
 			{inputElement}
 			{props.help ? <HelpIcon text={props.help} /> : null}
+			{props.error ? <Error>{props.error}</Error> : null}
 		</DataFieldWrapper>
 	);
 };

diff --git a/Website/WebSite.csproj b/Website/WebSite.csproj
@@ -209,6 +209,8 @@
     <Content Include="Composite\console\components\presentation\ActionButton.js" />
     <Content Include="Composite\console\components\presentation\CheckboxGroup.js" />
     <Content Include="Composite\console\components\presentation\DataField.js" />
+    <Content Include="Composite\console\components\presentation\DataFieldLabel.js" />
+    <Content Include="Composite\console\components\presentation\DataFieldWrapper.js" />
     <Content Include="Composite\console\components\presentation\Dialog.js" />
     <Content Include="Composite\console\components\presentation\Fieldset.js" />
     <Content Include="Composite\console\components\presentation\FormTab.js" />