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 앗! 해당 분야의 학생이 없어요...;
+ }
+
+ return (
{filteredProfileList.map((profile) => (
{
/>
))}
- ) : (
- 앗! 해당 분야의 학생이 없어요...
);
};
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 (
+
+ 앗! 채용 공고에 대한 정보가 없어요...
+
+ );
+ }
+
return (
{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%;
+`;