'use strict'

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

import SPHeaderCell from './SPHeaderCell'

export default class SubjectPost extends Component {
    constructor(props) {
        super(props);
        this.dataSource = new ListView.DataSource({
            rowHasChanged:(r1,r2)=> r1 != r2,
            sectionHeaderHasChanged: (s1, s2) => s1 != s2,
        });
        this.renderRow = this.renderRow.bind(this);
    }

    renderRow(rowData, sectionId) {
        console.log(sectionId);
        switch (sectionId) {
            case 'header':

                return(
                    <SPHeaderCell data={rowData}/>
                );
                break;
            default:

            break;
        }
    }

    render() {

        const testDataBlob = {

            "header": [
                    {
                        "name":"川本小一郎",
                        "avatar":"http://img0.imgtn.bdimg.com/it/u=441053097,4234222567&fm=21&gp=0.jpg",
                        "owner":true,
                        "templete":"永恒的潮流",
                        "time":"2小时前",
                    }
            ],
        }

        return(
            <ListView
                style={styles.container}
                dataSource={this.dataSource.cloneWithRowsAndSections(testDataBlob)}
                renderRow={this.renderRow}
                enableEmptySections={true}
            />
        );
    }
}

const styles = StyleSheet.create({
    container: {
        top: 0,
        flex: 1,
    },
});