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%; +`;