Mypage.js 2.14 KB
Newer Older
박상호's avatar
0106    
박상호 committed
1
import React from 'react'
박상호's avatar
647    
박상호 committed
2
import { Tab, Tabs, Card, Image, Container, Row, Col, Table, Badge } from 'react-bootstrap'
박상호's avatar
0106    
박상호 committed
3
4
5
6
7
import mypagetiger from '../mypagetiger.svg';
import person from '../person.svg';


function Mypage() {
박상호's avatar
1    
박상호 committed
8
  return (
박상호's avatar
647    
박상호 committed
9
10
11
12
13
14
15
16
    <Container className="px-5 justify-content-center">
      <h3 className="my-4 mx-3 font-weight-bold">My Page</h3>
      <div className="p-3">
        <Card md={3} className="p-3 mb-4" style={{ background: '#F7F3F3' }}>
          <Row>
            <Col md={4} className="text-center ">
              <Image src={person} roundedCircle className="img-thumbnail" />
            </Col>
박상호's avatar
1    
박상호 committed
17
            <Col>
박상호's avatar
647    
박상호 committed
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
              <Row className="my-4 text-center">
                <Col className="text-size-adjust">
                  <h2>
                    <Image src={mypagetiger} width={"30px"} />
                    <strong> Login.user</strong> <small>님, 환영합니다. </small>
                    <Badge className="badge-secondary">New</Badge>

                  </h2>
                </Col>
              </Row>

              <Row className="my-3 px-3">
                <Card.Body>
                    <Card.Text>Email : </Card.Text>
                    <Card.Text>Address : </Card.Text>
                </Card.Body>
박상호's avatar
1    
박상호 committed
34
35
36
37
              </Row>
            </Col>
          </Row>
        </Card>
박상호's avatar
647    
박상호 committed
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
        <Row className="my-3 px-3">
          <Table>
            <thead style={{ background: '#F7F3F3' }}>
              <tr>
                <th scope="col">주문현황</th>
                <th scope="col">배송중</th>
                <th scope="col">배송완료</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
              </tr>
              <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
              </tr>
              <tr>
                <th scope="row">3</th>
                <td colspan="2">Larry the Bird</td>
              </tr>
            </tbody>
          </Table>
        </Row>
      </div>
박상호's avatar
1    
박상호 committed
66
67
68
69

    </Container >

  )
박상호's avatar
0106    
박상호 committed
70
71
72
73
74

}



박상호's avatar
647    
박상호 committed
75
export default Mypage