Merge branch 'hotfix' into main

src/app/recruitments/page.tsx

@@ -1,6 +1,6 @@
 import Pagination from "@/components/common/Pagination";
 import Filter from "@/components/recruitments/filter";
-import RecruitmentsCard from "@/components/RecruitmentsCard";
+import RecruitmentsCard from "@/components/recruitments/RecruitmentsCard";
 
 export default function Recruitments() {
   return (

src/components/CardList.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import CompanyCard from "./CompanyCard";
-import RecruitmentsCard from "./RecruitmentsCard";
+import RecruitmentsCard from "./recruitments/RecruitmentsCard";
 
 interface PropsType {
   listType: "Company" | "Recruitments" | "BookMark";

src/components/Suggestion.tsx

@@ -1,12 +1,11 @@
 import CompanyCard from "./CompanyCard";
-import RecruitmentsCard from "./RecruitmentsCard";
+import RecruitmentsCard from "./recruitments/RecruitmentsCard";
 import SuggestionHeader from "./SuggestionHeader";
 
 interface PropsType {
   listType: "Company" | "Recruitments" | "BookMark";
 }
 
-
 export default function Suggestion({ listType }: PropsType) {
   return (
     <div className="flex flex-col items-start w-full">

src/components/RecruitmentsCard.tsx → src/components/recruitments/RecruitmentsCard.tsx

@@ -6,7 +6,7 @@ import React, { useEffect, useState } from "react";
 import { useSearchParams } from "next/navigation";
 import { RecruitmentsListType } from "@/apis/recruitments/type";
 import { GetRecruitmentsList } from "@/apis/recruitments";
-import HoverPrefetchLink from "./common/HoverPrefetchLink";
+import HoverPrefetchLink from "../common/HoverPrefetchLink";
 
 export default function RecruitmentsCard() {
   const getParams = useSearchParams();

src/components/recruitments/RecruitmentsTable.tsx

@@ -2,7 +2,7 @@
 
 import { RecruitmentsDetailTable } from "@/apis/recruitments/type";
 import { hiringProgressEnum } from "@/util/enum";
-import { time_parsing } from "@/util/regex";
+import { money_regex, time_parsing } from "@/util/regex";
 import { Icon } from "@team-return/design-system";
 import React, { useState } from "react";
 
@@ -108,12 +108,12 @@ function RecruitmentsTable({ ...rest }: RecruitmentsDetailTable) {
             </td>
           </tr>
           <tr>
-            <td className="key">실습 수당 월</td>
-            <td className="value">{train_pay} 만원/월</td>
+            <td className="key">실습 수당 월급</td>
+            <td className="value">{money_regex(train_pay)} 원/월</td>
           </tr>
           <tr>
             <td className="key">정규직 전환 시 연봉</td>
-            <td className="value">{pay ?? "-"} 만원/년</td>
+            <td className="value">{pay ? pay + " 만원/년" : "-"}</td>
           </tr>
           <tr>
             <td className="key">복지</td>

src/util/regex.ts

@@ -17,3 +17,7 @@ export const pon_number_regex = (number: string | null) => {
 export const time_parsing = (time: string) => {
   return time.slice(0, 5);
 };
+
+export const money_regex = (money: number) => {
+  return money.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+};