src/client/views/KeyphraseQueryView.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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>
        );
    }
}