1 files changed, 13 insertions, 8 deletions
diff --git a/src/client/views/KeyphraseQueryView.tsx b/src/client/views/KeyphraseQueryView.tsx
index 1955399f9..a9dafc4a4 100644
--- a/src/client/views/KeyphraseQueryView.tsx
+++ b/src/client/views/KeyphraseQueryView.tsx
@@ -4,7 +4,7 @@ import "./KeyphraseQueryView.scss";
 
 // tslint:disable-next-line: class-name
 export interface KP_Props {
-    keyphrases: string[];
+    keyphrases: string;
 }
 
 @observer
@@ -15,15 +15,20 @@ export class KeyphraseQueryView extends React.Component<KP_Props>{
     }
 
     render() {
+        let kps = this.props.keyphrases.toString();
+        let keyterms = this.props.keyphrases.split(',');
         return (
             <div>
-                <h1>Select queries to send:</h1>
-                {this.props.keyphrases.map((kp: string) => {
-                    setTimeout(() => {
-                        return (<p className="fading">{kp}</p>);
-                    }, 1000);
-
-                })}
+                <h5>Select queries to send:</h5>
+                <form>
+                    {keyterms.map((kp: string) => {
+                        //return (<p>{"-" + kp}</p>);
+                        return (<p><label>
+                            <input name="query" type="radio" />
+                            <span>{kp}</span>
+                        </label></p>);
+                    })}
+                </form>
             </div>
         );
     }