fix product name

src/data/index.json

@@ -13,7 +13,7 @@
         {
           "trace_code": "VNC12345678",
           "product_id": "u20d1e14-fbb9-4dd3-af84-8247efe74a92",
-          "name": "Tôm",
+          "name": "Tôm càng xanh loại 1",
           "cost": "Liên hệ",
           "origin": "Việt Nam",
           "image": "/image/product/tom-su.jpg",

src/views/examples/DetailProfile.js

@@ -384,17 +384,17 @@ const DetailProfile = () => {
                             <i className="ni ni-settings" />
                           </div> */}
                           
-                          <h3>{data.name}</h3>
+                          <div className="h2 mb-3">{data.name}</div>
                           <div className="mb-3">
-                            <div className="h5">Số điện thoại</div>
-                            <div>{data.phone_number}</div>
+                            <div className="h5 font-weight-bold">Số điện thoại</div>
+                            <div className="h5">{data.phone_number}</div>
                           </div>
                           <div className="mb-3">
-                            <div className="h5">Địa chỉ</div>
-                            <div>{data.address}</div>
+                            <div className="h5 font-weight-bold">Địa chỉ</div>
+                            <div className="h5">{data.address}</div>
                           </div>
                           <div className="mb-3">
-                            <div className="h5">Sản phẩm</div>
+                            <div className="h5 font-weight-bold">Sản phẩm</div>
                             <div>{data.profile_product && data.profile_product.length > 0 ? data.profile_product.map(product => {
                               const onHandleTraceCode = () => {
                                 console.log("product", product);
@@ -406,7 +406,7 @@ const DetailProfile = () => {
                               }
                               return (
                                 <>
-                                  <div className="mb-3">{product.name}</div>
+                                  <div className="h5 mb-3">{product.name}</div>
                                   <div className="mb-3">
                                     <Row>
                                       <Col>
@@ -418,8 +418,8 @@ const DetailProfile = () => {
                                     </Row>
                                   </div>
                                   <div>
-                                    <div className="h5">Mô tả</div>
-                                    <div>{product.description}</div>
+                                    <div className="h5 font-weight-bold">Mô tả</div>
+                                    <div className="h5">{product.description}</div>
                                   </div>
                                 </>
                               );