Merge pull request #112 from ablej-ssafy/feature/70-search

[#70]fix: cursor-pointer 수정

src/components/common/CardScrapButton/cardScrapButton.module.scss

@@ -0,0 +1,3 @@
+.button {
+  cursor: pointer;
+}

src/components/common/CardScrapButton/index.tsx

@@ -1,13 +1,15 @@
 import {FaBookmark, FaRegBookmark} from 'react-icons/fa6';
 
+import styles from './cardScrapButton.module.scss';
+
 interface CompanyRecruitmentCardProps {
   scrap?: () => void;
   isScrap: boolean;
 }
 
 const CardScrapButton = ({scrap, isScrap}: CompanyRecruitmentCardProps) => {
   return (
-    <button onClick={scrap}>
+    <button onClick={scrap} className={styles.button}>
       {isScrap ? <FaBookmark /> : <FaRegBookmark />}
     </button>
   );

src/components/common/CardScrapServerButton/index.tsx

@@ -20,18 +20,17 @@ const CardScrapButton = ({
         name={`isScrap:${recruitmentId}`}
         value={String(isScrap)}
       />
-      <label
-        htmlFor={`submit-button-${recruitmentId}`}
-        className={styles.container}
-      >
+      <label htmlFor={`submit-button-${recruitmentId}`}>
         <input
           type="submit"
           name="recruitmentId"
           value={recruitmentId}
           id={`submit-button-${recruitmentId}`}
           className={styles['scrap-button']}
         />
-        {isScrap ? <FaBookmark /> : <FaRegBookmark />}
+        <div className={styles.container}>
+          {isScrap ? <FaBookmark /> : <FaRegBookmark />}
+        </div>
       </label>
     </div>
   );

src/components/common/CompanyRecruitmentCard/index.tsx

@@ -1,6 +1,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
 
+import BaseImage from '@/assets/images/base-image.png';
 import CardScrapButton from '@/components/common/CardScrapButton';
 import CardScrapServerButton from '@/components/common/CardScrapServerButton';
 
@@ -31,14 +32,16 @@ const CompanyRecruitmentCard = ({
         prefetch={false}
       >
         <Image
-          src={thumbnail}
+          src={thumbnail ? thumbnail : BaseImage}
           alt="sample_img"
           width={280}
           objectFit="cover"
           height={180}
           quality={100}
           className={styles.img}
         />
+        <div className={styles['job-title']}>{name}</div>
+        <span className={styles['company-name']}>{companyName}</span>
       </Link>
       {scrap ? (
         <CardScrapButton scrap={scrap} isScrap={isScrap} />
@@ -48,8 +51,6 @@ const CompanyRecruitmentCard = ({
           isScrap={isScrap}
         />
       )}
-      <div className={styles['job-title']}>{name}</div>
-      <span className={styles['company-name']}>{companyName}</span>
     </div>
   );
 };

src/features/recruitment/Detail/RecruitmentTitle/index.tsx

@@ -45,7 +45,7 @@ const RecruitmentTitle = ({
           <Image
             className={styles['margin-right']}
             src={thumbnail}
-            alt="회사 로고"
+            alt={company.name}
             width={45}
             height={45}
           />