1 files changed, 30 insertions, 0 deletions
diff --git a/src/client/views/KeyphraseQueryView.tsx b/src/client/views/KeyphraseQueryView.tsx
new file mode 100644
index 000000000..1955399f9
--- /dev/null
+++ b/src/client/views/KeyphraseQueryView.tsx
@@ -0,0 +1,30 @@
+import { observer } from "mobx-react";
+import React = require("react");
+import "./KeyphraseQueryView.scss";
+
+// tslint:disable-next-line: class-name
+export interface KP_Props {
+    keyphrases: string[];
+}
+
+@observer
+export class KeyphraseQueryView extends React.Component<KP_Props>{
+    constructor(props: KP_Props) {
+        super(props);
+        console.log("FIRST KEY PHRASE: ", props.keyphrases[0]);
+    }
+
+    render() {
+        return (
+            <div>
+                <h1>Select queries to send:</h1>
+                {this.props.keyphrases.map((kp: string) => {
+                    setTimeout(() => {
+                        return (<p className="fading">{kp}</p>);
+                    }, 1000);
+
+                })}
+            </div>
+        );
+    }
+}
+\ No newline at end of file