'use strict';

import React, {Component} from 'react';
import ReactNative, {
    View,
    Text,
    Image,
    ListView,
    StyleSheet,
    Dimensions,
    TouchableOpacity,
} from 'react-native';

import ChannelSelector from '../../../common/components/ChannelSelector';
import LoadingIndicator from '../../../common/components/LoadingIndicator';
import CategoryList from './CategoryList';


export default class Category extends Component {

    constructor(props) {
        super(props);
    }

    render() {

        let {isFetching} = this.props;

        return (
            <View style={styles.container}>
                <ChannelSelector selectedChannelValue={this.props.currentChannelId} onSelectChannel={this.props.onSelectChannel} />
                <CategoryList 
                    categoryList={this.props.categoryList}
                    pressLeftRow={this.props.pressLeftRow}
                    currentCateId={this.props.currentCateId}
                    currentChannelId={this.props.currentChannelId}
                    pressSubCateRow={this.props.pressSubCateRow}
                />

                <LoadingIndicator isVisible={isFetching} />
            </View>
        );
    }
}

let {width, height} = Dimensions.get('window');


let styles = StyleSheet.create({
    container: {
        flex: 1,
    },
});