Merge pull request #109 from Team-return/#108-add-company-name

feat :: 취업률 페이지 기업명 추가

Author: seungw0o

src/components/jobRate/JobCurrentSituation.tsx

@@ -28,7 +28,7 @@ export default function JobCurrentSituation({ year }: { year: number }) {
     );
   }
   return (
-    <div className="w-full grid grid-cols-2 gap-10">
+    <div className="w-full grid grid-cols-2 gap-10 ">
       {data?.classes.map((classItem) => {
         return (
           <div key={classItem.class_id} className="flex flex-col gap-4">
@@ -41,17 +41,22 @@ export default function JobCurrentSituation({ year }: { year: number }) {
               </span>
             </header>
 
-            <div className="px-[18px] py-5 border border-[#E5E5E5] bg-[#fff] rounded-md grid grid-cols-4 gap-2">
+            <div className="pt-[12px] px-[18px] pb-[16px] border border-[#E5E5E5] bg-[#fff] rounded-md grid grid-cols-4 gap-2">
               {classItem.employment_rate_response_list.map((data) => (
                 <div
                   key={data.id}
-                  className="bg-[#fff] border border-[#F7F7F7] rounded-md w-[100px] h-[44px] p-1 flex justify-center"
+                  className="bg-[#fff] rounded-md p-1 flex flex-col items-center justify-center gap-1"
                 >
-                  <img
-                    src={`${BASE_URL}/${data.logo_url}`}
-                    alt={`${data.company_name} 로고`}
-                    className="rounded-md"
-                  />
+                  <div className="w-[100px] h-[40px] overflow-hidden rounded-md flex items-center justify-center bg-white shadow-[0px_4px_20px_rgba(112,144,176,0.12)]">
+                    <img
+                      src={`${BASE_URL}/${data.logo_url}`}
+                      alt={`${data.company_name} 로고`}
+                      className="object-contain w-[100px] h-[40px]"
+                    />
+                  </div>
+                  <div className="text-[#7F7F7F] text-caption truncate text-center w-[100px]">
+                    {data.company_name}
+                  </div>
                 </div>
               ))}
             </div>

src/components/jobRate/JobPieChart.tsx

@@ -95,7 +95,7 @@ export default function JobPieChart({ year }: { year: number }) {
             </Pie>
           </PieChart>
           <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center text-b2 font-b text-primaryBlue03">
-            {((passedCount / totalStudentCount) * 100).toFixed(1)}
+            {((passedCount / totalStudentCount) * 100).toFixed(1)}%
           </div>
         </div>
       </div>
@@ -104,7 +104,7 @@ export default function JobPieChart({ year }: { year: number }) {
         <div className="flex flex-col gap-3 items-center">
           <p className="text-primaryBlue03 font-m text-caption">전체 취업률</p>
           <p className="text-primaryBlue03 font-m text-h6">
-            {((passedCount / totalStudentCount) * 100).toFixed(1)}
+            {((passedCount / totalStudentCount) * 100).toFixed(1)}%
           </p>
         </div>
         <div className="w-[1px] h-[26px] bg-[#E5E5E5]"></div>