{"size": 2549, "ext": "js", "max_stars_repo_path": "src/components/Pages/Katakana/KatakanaPage.js", "max_stars_repo_name": "YourWishes/JapanesePractice", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Pages/Katakana/KatakanaPage.js", "max_issues_repo_name": "YourWishes/JapanesePractice", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Pages/Katakana/KatakanaPage.js", "max_forks_repo_name": "YourWishes/JapanesePractice", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 40.4603174603, "max_line_length": 108, "alphanum_fraction": 0.4193801491}
import React, { Component } from 'react';
import { render } from 'react-dom';
import { Link } from 'react-router-dom';
import AppLink from './../../Link/AppLink';
import HiraganaTransition from './../Transition/HiraganaTransition';

const KatakanaStyles = require('./KatakanaPage.scss');

class KatakanaPage extends Component {
    constructor(props) {
        super(props);
    }
	
	componentDidMount() {
        this.props.app.setState({
            backURL: "/",
            title: "Katakana Practice"
        });
	}

    render() {
        return (
            <HiraganaTransition location="/katakana">
                <div className="katakana-page menu">
                    <div className="flex-center-box">
                        <div className="options">
                            <div className="kana-option big">
                                <span className="kana">カタカナ</span>
                                <span className="eng">Practice Katakana</span>
                            </div>
                            
                            <AppLink to="/katakana/kana" className="kana-option" onClick={this.linkClick}>
                                <span className="kana">
                                    <span className="furigana">か</span>仮
                                    <span className="furigana">な</span>名
                                </span>
                                <span className="eng">Practice Kana</span>
                            </AppLink>
                            
                            <AppLink to="/katakana/romaji" className="kana-option" onClick={this.linkClick}>
                                <span className="kana">
                                    desu
                                </span>
                                <span className="eng">Practice Romaji</span>
                            </AppLink>
                            
                            <AppLink to="/katakana/review" className="kana-option" onClick={this.linkClick}>
                                <span className="kana">
                                    <span className="furigana">れん</span>練
                                    <span className="furigana">しゅう</span>習
                                </span>
                                <span className="eng">Review Kana</span>
                            </AppLink>
                        </div>
                    </div>
                </div>
            </HiraganaTransition>
        );
    }
}

export default KatakanaPage;
