design: 스터디원이 없을 시 메세지 표시

- #315
BDD-CLUB · Sep 27, 2024 · 4470b14 · 4470b14
1 parent e65a4bc
commit 4470b14
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/containers/study/Participant/index.tsx b/src/containers/study/Participant/index.tsx
@@ -16,7 +16,7 @@ const Participant = ({ participantInfos }: ParticipantProps) => {
   // Feed 없을때 임시로 maxH="45vh"로 설정 원래는 maxH="30vh"
   return (
     <Card className="scroll" overflowY="auto" w="100%" h="100%" maxH="45vh" borderRadius="2xl" shadow="lg">
-      {participantInfos.length > 0 && (
+      {participantInfos.length > 0 ? (
         <Grid templateColumns="repeat(3, 1fr)" px="5" pt="5" pb="2">
           {[
             { data: leader, color: colors.orange_dark },
@@ -32,6 +32,10 @@ const Participant = ({ participantInfos }: ParticipantProps) => {
             </Flex>
           ))}
         </Grid>
+      ) : (
+        <Flex align="center" justify="center" my="10">
+          <Text textStyle="bold_sm">참여자가 없습니다.</Text>
+        </Flex>
       )}
     </Card>
   );