good

client/src/Components/MainNav.js

@@ -16,10 +16,15 @@ function MainNav() {
                 {user ?
                     <>
                         <Nav.Link className="text-light" onClick={() => handleLogout()}>Logout</Nav.Link>
-                        <Nav.Link className="text-light" href="/account"> Mypage </Nav.Link>
-                        <Nav.Link href="/shoppingcart">
-                            <img alt="카트" src="/icon/cart.svg" width="30" height="30" />
-                        </Nav.Link>
+                        {/* <Nav.Link className="text-light" href="/account"> Mypage </Nav.Link> */}
+                        {admin ?
+                            ''
+                            : (
+                                <Nav.Link className="text-light" href="/account"> Mypage </Nav.Link>,
+                                <Nav.Link href="/shoppingcart">
+                                    <img alt="카트" src="/icon/cart.svg" width="30" height="30" />
+                                </Nav.Link>
+                            )}
                     </>
                     : (
                         <>

client/src/Components/OrderCard.js

@@ -19,25 +19,29 @@ function OrderCard(props) {
                                 <Card.Header className="font-weight-bold mb-3 text-center" style={{ background: '#F7F3F3' }}>
                                     {e.products[0].productId.pro_name}
                                 </Card.Header>)}
-                        <Col>
-                            <Row>
-                                <Card.Text> 주문번호 : <strong>{e._id}</strong>  </Card.Text>
-                            </Row>
-                            <Row>
-                                <Card.Text> 결제금액 : <strong>{e.total}원</strong> </Card.Text>
-                            </Row>
-                            <Row>
-                                <Card.Text> 배송지 : <strong> {e.receiverInfo.address} - {e.receiverInfo.address2}</strong> </Card.Text>
-                            </Row>
-                            <Row>
-                                <Card.Text> 주문날짜 : <strong> {e.createdAt.substring(0, 10)}</strong> </Card.Text>
-                            </Row>
-                        </Col>
+                        <Card.Text>
+                            <Col>
+                                <Row className=''>
+                                    <Col sm={4} xs={4} className='p-1'>주문번호 :</Col>
+                                    <Col sm={8} xs={8} className='p-1'><strong>{e._id}</strong></Col>
+
+                                    <Col sm={4} xs={4} className='p-1'>결제금액 :</Col>
+                                    <Col sm={8} xs={8} className='p-1'><strong>{e.total}원</strong></Col>
+
+                                    <Col sm={4} xs={4} className='p-1'>배송지 :</Col>
+                                    <Col sm={8} xs={8} className='p-1'><strong> {e.receiverInfo.address} / </strong><strong><small> {e.receiverInfo.address2}</small></strong></Col>
+
+                                    <Col sm={4} xs={4} className='p-1'>주문날짜 :</Col>
+                                    <Col sm={8} xs={8} className='p-1'><strong>{e.createdAt.substring(0, 10)}</strong></Col>
+                                </Row>
+                            </Col>
+                        </Card.Text>
                     </Card.Body>
                 )
                 )
             }
         </Card>
+
     )
 }
 

client/src/Pages/Account.js

@@ -180,9 +180,9 @@ function Account() {
                     </Col>
                 </Row>
             </Card>
-            <Card>
+            <div className='m-2 mb-5'>
                 <OrderCard ordered={ordered} />
-            </Card>
+            </div> 
         </Container >
     )
 }

client/src/Pages/Product.js

@@ -18,7 +18,7 @@ function Product({ match, location }) {
     let history = useHistory();
     const handleClose = () => setShow(false);
     const handleShow = () => setShow(true);
-    const replace = product.description.replaceAll('{\n\n}', '<br />')
+    
 
     useEffect(() => {
         if (size && color) {
@@ -228,7 +228,7 @@ function Product({ match, location }) {
                                 <h5 className='m-0' style={{ whiteSpace: 'nowrap' }}> [ Description ]</h5>
                             </Card.Header>
                             <Card.Body className='text-center m-2' style={{ whiteSpace: "pre-line", background: '#F7F3F3', fontSize: '1vw' }}>
-                                <small>{replace}</small>
+                                <small>{product.description}</small>
                             </Card.Body>
                         </Card>
                         <Col className='p-5'>

client/src/Pages/ProductsList.js

@@ -194,7 +194,7 @@ function ProductsList({ match }) {
                     <div className="text-center">
                         <h1 style={{ fontSize: "5.5vmax" }} className="text-center m-1 py-3">{mainCategory}</h1>
                         <ButtonGroup className="mb-3" style={{ display: "inline" }}>
-                            {subCategory.map(el =>(<Button className="m-1" style={{ fontSize: "0.8vw" }} name={el} onClick={handleSubname}>{el}</Button>))}
+                            {subCategory.map(el =>(<Button className="m-1" style={{ fontSize: "1.2vw" }} name={el} onClick={handleSubname}>{el}</Button>))}
                         </ButtonGroup>
                     </div>
                 </Col>