'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 CategoryBList from './CategoryBList';


export default class CategoryB extends Component {

    constructor(props) {
        super(props);
    }

    render() {

        let {
            isFetching,
            currentChannelId,
            currentChannelValue,
            currentCateId,
            categoryList,
            currentCateValue,
            currentSubCateData,
            cacheSubCateData,
        } = this.props;

        return (
            <View style={styles.container}>
                <ChannelSelector selectedChannelId={currentChannelId} onSelectChannel={this.props.onSelectChannel} />
                <CategoryBList 
                    categoryList={categoryList}
                    currentCateId={currentCateId}
                    currentChannelId={currentChannelId}
                    currentChannelValue={currentChannelValue}
                    currentCateValue={currentCateValue}
                    currentSubCateData={currentSubCateData}
                    cacheSubCateData={cacheSubCateData}
                    onSelectCategory={this.props.onSelectCategory}
                    onPressBannerResourceItem={this.props.onPressBannerResourceItem}
                    onPressCategoryBMore={this.props.onPressCategoryBMore}
                    onPressHotCategoryItem={this.props.onPressHotCategoryItem}
                    onPressHotBrandItem={this.props.onPressHotBrandItem}
                />

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

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


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