From 3f2a59fecfcf6e740b9bb011dd49b68ebdf4612d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=9D=EC=A7=84?= <sj01048260279@gmail.com>
Date: Mon, 3 Jun 2024 07:31:15 +0900
Subject: [PATCH] =?UTF-8?q?feat(client):=20=EC=B1=84=EC=9A=A9=20=EA=B3=B5?=
 =?UTF-8?q?=EA=B3=A0=20=EC=A0=95=EB=B3=B4=EA=B0=80=20=EC=97=86=EC=9D=84?=
 =?UTF-8?q?=EB=95=8C=20=EC=B2=98=EB=A6=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/profile/ProfileList/index.tsx    |  8 +++++---
 .../components/recurit/RecuritList/index.tsx    | 17 +++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/components/profile/ProfileList/index.tsx b/apps/client/src/components/profile/ProfileList/index.tsx
index 0f939b24..89b1178b 100644
--- a/apps/client/src/components/profile/ProfileList/index.tsx
+++ b/apps/client/src/components/profile/ProfileList/index.tsx
@@ -27,7 +27,11 @@ const ProfileList = ({ major, isRecruited, cardinal }: ProfileListProps) => {
     }
   });
 
-  return !isEmpty(filteredProfileList) ? (
+  if (isEmpty(filteredProfileList)) {
+    return <Text fontType="h4">앗! 해당 분야의 학생이 없어요...</Text>;
+  }
+
+  return (
     <StyledProfileList>
       {filteredProfileList.map((profile) => (
         <ProfileCard
@@ -46,8 +50,6 @@ const ProfileList = ({ major, isRecruited, cardinal }: ProfileListProps) => {
         />
       ))}
     </StyledProfileList>
-  ) : (
-    <Text fontType="h4">앗! 해당 분야의 학생이 없어요...</Text>
   );
 };
 
diff --git a/apps/client/src/components/recurit/RecuritList/index.tsx b/apps/client/src/components/recurit/RecuritList/index.tsx
index d7a1c198..bbc980a8 100644
--- a/apps/client/src/components/recurit/RecuritList/index.tsx
+++ b/apps/client/src/components/recurit/RecuritList/index.tsx
@@ -1,4 +1,6 @@
 import styled from '@emotion/styled';
+import { Text } from '@sickgyun/ui';
+import { isEmpty } from 'lodash';
 import RecuritCard from '../RecuritCard';
 import { withSuspense } from '@/hocs/withSuspense';
 import { useGetRecuritList } from '@/hooks/api/recruit/useGetRecuritList';
@@ -6,6 +8,14 @@ import { useGetRecuritList } from '@/hooks/api/recruit/useGetRecuritList';
 const RecuritList = () => {
   const { recuritList } = useGetRecuritList();
 
+  if (isEmpty(recuritList)) {
+    return (
+      <StyledFullHeight>
+        <Text fontType="h4">앗! 채용 공고에 대한 정보가 없어요...</Text>
+      </StyledFullHeight>
+    );
+  }
+
   return (
     <StyledRecuritList>
       {recuritList.map((recurit) => (
@@ -29,3 +39,10 @@ const StyledRecuritList = styled.div`
   gap: 24px;
   height: 300px;
 `;
+
+const StyledFullHeight = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+`;