Commit 84066954 authored by 박상호's avatar 박상호 🎼
Browse files

1247

parent 600ce86c
import React from 'react' import React from 'react'
import { Card, Image, Container, Row, Col, Table } from 'react-bootstrap' import { Card, Image, Container, Row, Col, Table, Accordion } from 'react-bootstrap'
import mypagetiger from '../mypagetiger.svg'; import { Link } from 'react-router-dom';
import person from '../person.svg'; import person from '../person.svg';
import mypagetiger from '../mypagetiger.svg';
function Mypage() { function Mypage() {
return ( return (
<Container className="px-3 justify-content-center"> <Container className="px-3">
<h3 className="my-4 mx-3 font-weight-bold">My Page</h3> <h3 className="my-4 mx-3 font-weight-bold">My Page</h3>
<Card md={3} className="pt-3 mb-4" style={{ background: '#F7F3F3' }}> <Card md={3} className="pt-3 mb-4" style={{ background: '#F7F3F3' }}>
<Row> <Row>
...@@ -17,27 +18,36 @@ function Mypage() { ...@@ -17,27 +18,36 @@ function Mypage() {
<Row className="mt-4 text-center"> <Row className="mt-4 text-center">
<Col> <Col>
<h2> <h2>
<Image src={mypagetiger} width={"30px"} />
<strong>@Login.user</strong> <small>님</small> <strong>@Login.user</strong> <small>님</small>
</h2> </h2>
</Col> </Col>
</Row> </Row>
<Row className="px-3"> <Row className="px-3">
<Card.Body className="text-center"> <Card.Body className="text-center">
<strong>KU#</strong>에 오신 <em>@Login.user</em> ,<br></br> <h4><Link to="/">
진심으로 환영합니다! 즐거운 쇼핑 되세요 <strong title="홈으로">
<Image src={mypagetiger} width={"30rem"} roundedCircle className="img-thumbnail" >
</Image>KU#
</strong>
</Link>
{/* 홈페이지로 돌아가기 */}
오신 <em>@Login.user</em> 님,<br></br>
진심으로 환영합니다! 즐거운 쇼핑 되세요.</h4>
<Row className="mr-1 text-muted d-flex justify-content-end"> <Row className="mr-1 text-muted d-flex justify-content-end">
<a href="mailto:shoppingmall_KU@korea.ac.kr">
<small>문의 : shoppingmall_KU@korea.ac.kr </small> <small title="메일보내기"> 문의 : shoppingmall_KU@korea.ac.kr </small>
</a>
{/* 쇼핑몰 문의 메일보내기 */}
</Row> </Row>
</Card.Body> </Card.Body>
</Row> </Row>
</Col> </Col>
</Row> </Row>
</Card> </Card>
<Accordion>
<Row className="my-3 px-3"> <Row className="my-3 px-3">
<Table> <Table>
<thead style={{ background: '#F7F3F3' }}> <thead className="text-center" style={{ background: '#F7F3F3' }}>
<tr> <tr>
<th scope="col">주문현황</th> <th scope="col">주문현황</th>
<th scope="col">배송중</th> <th scope="col">배송중</th>
...@@ -46,7 +56,7 @@ function Mypage() { ...@@ -46,7 +56,7 @@ function Mypage() {
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<th scope="row">1</th> <th scope="row">케이시앵글부츠(SH)</th>
<td>Mark</td> <td>Mark</td>
<td>Otto</td> <td>Otto</td>
</tr> </tr>
...@@ -62,6 +72,7 @@ function Mypage() { ...@@ -62,6 +72,7 @@ function Mypage() {
</tbody> </tbody>
</Table> </Table>
</Row> </Row>
</Accordion>
</Container > </Container >
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment