Skip to content

Commit 1b5ef53

Browse files
committed
모임 상세 화면에서 멤버 목록에 '나' 표시
1 parent 9450f55 commit 1b5ef53

File tree

1 file changed

+30
-5
lines changed
  • feature/gathering-detail/src/main/java/com/plottwist/feature/gathering_detail/component

1 file changed

+30
-5
lines changed

feature/gathering-detail/src/main/java/com/plottwist/feature/gathering_detail/component/GatheringMembers.kt

Lines changed: 30 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
99
import androidx.compose.foundation.layout.height
1010
import androidx.compose.foundation.layout.padding
1111
import androidx.compose.foundation.layout.size
12+
import androidx.compose.foundation.shape.CircleShape
1213
import androidx.compose.foundation.shape.RoundedCornerShape
1314
import androidx.compose.material3.HorizontalDivider
1415
import androidx.compose.material3.Icon
@@ -22,7 +23,9 @@ import androidx.compose.ui.graphics.vector.ImageVector
2223
import androidx.compose.ui.res.stringResource
2324
import androidx.compose.ui.res.vectorResource
2425
import androidx.compose.ui.unit.dp
26+
import androidx.compose.ui.unit.sp
2527
import com.plottwist.core.designsystem.R
28+
import com.plottwist.core.designsystem.foundation.TukColorTokens.Gray300
2629
import com.plottwist.core.designsystem.foundation.type.TukPretendardTypography
2730
import com.plottwist.core.designsystem.foundation.type.TukSerifTypography
2831
import 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
7398
fun InvitationMemberText(

0 commit comments

Comments
 (0)