front-end/src/component/test-result-card/index.jsx


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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

import React from 'react';
import {Card, Icon,Table} from 'semantic-ui-react'
import './index.css';

class TestResultCard extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            selected_items: [
                {'cate': 'Category 2', 'name': '30 days'}
            ],
            restoreNum: 0,
        };


        // this.selectItemClick = this.selectItemClick.bind(this);
    }


    render() {
        let description = [
            'Amy is a violinist with 2 years experience in the wedding industry.',
            'She enjoys the outdoors and currently resides in upstate New York.',
        ].join(' ');
        return (
            <div >
                <Card fluid>
                    <Card.Content header='Abouwwt Amy'/>
                    <Card.Content description={description}/>
                    <Card.Content description={description}/>
                    <Card.Content description={description}/>
                    <Card.Content extra>
                        <Icon name='user'/>
                        4 Friends

                    </Card.Content>
                </Card>
            </div>
        );
    }
}

export default TestResultCard;