Merge pull request #36 from cascadianblue/35-output-text

Style Output Text; Default Message on Blank

client/src/components/DeidentifiedText.js

@@ -10,13 +10,18 @@ export const deidentificationStates = {
 export class DeidentifiedText extends React.Component {
   render() {
     let content;
-    if (this.props.text === deidentificationStates.EMPTY) {
+    let color;
+    if (this.props.text === deidentificationStates.EMPTY || this.props.text === "") {
+      color = "grey";
       content = "Add a clinical note on the left and click on 'Deidentify Note'";
     } else if (this.props.text === deidentificationStates.LOADING) {
+      color = "grey";
       content = "Loading..."
     } else if (this.props.text === deidentificationStates.ERROR) {
+      color = "grey";
       content = "API call resulted in error!"
     } else {
+      color = "black";
       content = this.props.text;
     }
 
@@ -26,10 +31,10 @@ export class DeidentifiedText extends React.Component {
           multiline
           fullWidth
           variant="outlined"
-          InputProps={{ style: {color: "black"} }}
           disabled
           rows={20}
           value={content} 
+          InputProps={{ style: {color: color} }}
         />
       </Paper>
     );