@@ -9,6 +9,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
99import androidx.compose.foundation.layout.height
1010import androidx.compose.foundation.layout.padding
1111import androidx.compose.foundation.layout.size
12+ import androidx.compose.foundation.shape.CircleShape
1213import androidx.compose.foundation.shape.RoundedCornerShape
1314import androidx.compose.material3.HorizontalDivider
1415import androidx.compose.material3.Icon
@@ -22,7 +23,9 @@ import androidx.compose.ui.graphics.vector.ImageVector
2223import androidx.compose.ui.res.stringResource
2324import androidx.compose.ui.res.vectorResource
2425import androidx.compose.ui.unit.dp
26+ import androidx.compose.ui.unit.sp
2527import com.plottwist.core.designsystem.R
28+ import com.plottwist.core.designsystem.foundation.TukColorTokens.Gray300
2629import com.plottwist.core.designsystem.foundation.type.TukPretendardTypography
2730import com.plottwist.core.designsystem.foundation.type.TukSerifTypography
2831import com.plottwist.core.domain.model.GatheringMember
@@ -59,15 +62,37 @@ fun GatheringMembers(
5962 )
6063
6164 members.forEach { member ->
62- Text (
63- text = member.memberName,
64- style = TukPretendardTypography .body16R,
65- color = Color (0xFF1f1f1f )
66- )
65+ Row (
66+ verticalAlignment = Alignment .CenterVertically ,
67+ horizontalArrangement = Arrangement .spacedBy(5 .dp)
68+ ){
69+ Text (
70+ text = member.memberName,
71+ style = TukPretendardTypography .body16R,
72+ color = Color (0xFF1f1f1f )
73+ )
74+ if (member.isMe){
75+ MemberMarkAsMe ()
76+ }
77+ }
78+
6779 }
6880 }
6981}
7082
83+ @Composable
84+ fun MemberMarkAsMe (modifier : Modifier = Modifier ) {
85+ Text (
86+ modifier = modifier.background(
87+ color = Gray300 ,
88+ shape = CircleShape
89+ ).padding(horizontal = 5 .dp),
90+ text = " 나" ,
91+ style = TukPretendardTypography .body12M.copy(
92+ fontSize = 10 .sp
93+ )
94+ )
95+ }
7196
7297@Composable
7398fun InvitationMemberText (
0 commit comments