Merge pull request #347 from KakaoFunding/feat/346

[feat]: 주문내역 등록 날짜 추가(#346)

src/layouts/MyPage/OrderHistory/OrderItem/index.module.scss

@@ -1,5 +1,17 @@
 @import 'styles/mixins.module';
 
+.txt_date {
+  @include font(15px, 400);
+
+  margin-bottom: 10px;
+
+  .num_date {
+    @include font(15px, 700);
+
+    margin-left: 5px;
+  }
+}
+
 .wrapper_order {
   margin-bottom: 30px;
   border: 2px solid #ededed;

src/layouts/MyPage/OrderHistory/OrderItem/index.tsx

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 
-import { formatNumberWithComma } from 'utils/format';
+import { formatNumberWithComma, formatDateAndTime } from 'utils/format';
 
 import { OrderItemType } from 'types/order';
 
@@ -11,6 +11,13 @@ type OrderItemProps = { item: OrderItemType };
 const OrderItem = ({ item }: OrderItemProps) => {
   return (
     <Link to={`/product/${item.product.productId}`}>
+      <p className={styles.txt_date}>
+        등록한 날짜
+        <span className={styles.num_data}>
+          {formatDateAndTime(item.orderDate)}
+        </span>
+      </p>
+
       <div className={styles.wrapper_order}>
         <div className={styles.section_receiver}>
           <span className={styles.ico_receiver} />

src/utils/format.ts

@@ -50,9 +50,10 @@ export const formatDate = (date: Date) => {
 export const formatDateAndTime = (dateTime: string) => {
   const [date, time] = dateTime.split('T');
 
-  const formattedDate = date.split('-').join('.');
+  const formattedDate = date.replaceAll('-', '.');
+  const formattedTime = time.slice(0, 8);
 
-  return `${formattedDate} ${time}`;
+  return `${formattedDate} ${formattedTime}`;
 };
 
 export const formatBirthDate = (birthDate: string) => {