Admin.js 4.61 KB
Newer Older
Kim, Subin's avatar
Kim, Subin committed
1
import React, { useState, useEffect, useRef } from 'react';
Kim, Subin's avatar
Kim, Subin committed
2
3
4
import { Redirect } from 'react-router-dom';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
Kim, Subin's avatar
Kim, Subin committed
5
6
import Pagination from '../Components/Pagination';
import search from '../search.svg';
7
import { Row, Col, Form, FormControl, Button, Card } from 'react-bootstrap';
Kim, Subin's avatar
Kim, Subin committed
8
9
10
11
12

function Admin() {

    return (
        <div>
Kim, Subin's avatar
Kim, Subin committed
13
14
            <MainNav />
            <SubNav />
Kim, Subin's avatar
Kim, Subin committed
15
16
17
            <Row className="justify-content-end mt-5 mr-3">
                <Col md={4} sm={5} xs={8} as={Form} inline className="justify-content-end">
                    <FormControl type="text" placeholder="Search" className="mr-1" />
18
19
                    <Button bg="dark" variant="dark" type="submit" className="px-2">
                        <img src={search} width="20" height="20" />
Kim, Subin's avatar
Kim, Subin committed
20
21
22
23
24
25
                    </Button>
                </Col>
                <Col sm={2} xs={3} as={Button} variant="dark" type="button" href="/:id/productsregist">상품 등록</Col>
            </Row>
            <Row className="mt-5 m-auto justify-content-start">
                <Card className="m-4" style={{width: "18rem"}}>
26
                    <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67460/1607053816_0.jpg" />
Kim, Subin's avatar
Kim, Subin committed
27
                    <Card.Body>
28
                        <Card.Title>케이시앵글부츠(SH)</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
29
                        <Card.Text>
30
31
                            재고: 8
                            구매자 : 10
Kim, Subin's avatar
Kim, Subin committed
32
33
34
35
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
36
                    <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/48705/1552562469_0.jpg" />
Kim, Subin's avatar
Kim, Subin committed
37
                    <Card.Body>
38
                        <Card.Title>메리제인플랫(SH)</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
39
                        <Card.Text>
40
41
                            재고: 20
                            구매자 : 60
Kim, Subin's avatar
Kim, Subin committed
42
43
44
45
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
46
                    <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/53386/1567390097_2.jpg" />
Kim, Subin's avatar
Kim, Subin committed
47
                    <Card.Body>
48
                        <Card.Title>솔티드스니커즈(SH)</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
49
                        <Card.Text>
50
51
                            재고: 34
                            구매자 : 5
Kim, Subin's avatar
Kim, Subin committed
52
53
54
55
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
56
                    <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/61286/1587540563_0.jpg" />
Kim, Subin's avatar
Kim, Subin committed
57
                    <Card.Body>
58
                        <Card.Title>버켄슬리퍼(SH)</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
59
60
61
62
63
64
65
                        <Card.Text>
                            재고:
                            구매자 :
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
66
                    <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202011/b8f4c6471955b80fc3991b7d6df8926a.jpg" />
Kim, Subin's avatar
Kim, Subin committed
67
                    <Card.Body>
68
                        <Card.Title>크레센도 하이힐펌프스</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
69
                        <Card.Text>
70
71
                            재고: 35
                            구매자 : 70
Kim, Subin's avatar
Kim, Subin committed
72
73
74
75
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
76
                    <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202011/888e4e8d6a2c2e7da385b079151fcba2.jpg" />
Kim, Subin's avatar
Kim, Subin committed
77
                    <Card.Body>
78
                        <Card.Title>어텀솔져1cm 스웨이드로퍼</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
79
                        <Card.Text>
80
81
                            재고: 40
                            구매자 : 30
Kim, Subin's avatar
Kim, Subin committed
82
83
84
85
                    </Card.Text>
                    </Card.Body>
                </Card>
                <Card className="m-4" style={{width: "18rem"}}>
86
                    <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202007/3308564012eb14e6c11ed621fa7555fb.jpg" />
Kim, Subin's avatar
Kim, Subin committed
87
                    <Card.Body>
88
                        <Card.Title>포웰3.5cm 스니커즈</Card.Title>
Kim, Subin's avatar
Kim, Subin committed
89
                        <Card.Text>
90
91
                            재고: 15
                            구매자 : 50
Kim, Subin's avatar
Kim, Subin committed
92
93
94
95
96
                    </Card.Text>
                    </Card.Body>
                </Card>
            </Row>
            <Pagination />
Kim, Subin's avatar
Kim, Subin committed
97
        </div>
Kim, Subin's avatar
Kim, Subin committed
98

Kim, Subin's avatar
Kim, Subin committed
99
100
101
102
    )
}

export default Admin