Skip to content

Commit 202b3bc

Browse files
committed
Feat: 탈퇴 확인 다이얼로그 컴포넌트 구현
1 parent f534ef4 commit 202b3bc

1 file changed

Lines changed: 75 additions & 0 deletions

File tree

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
package com.threegap.bitnagil.presentation.withdrawal.component
2+
3+
import androidx.compose.foundation.background
4+
import androidx.compose.foundation.layout.Column
5+
import androidx.compose.foundation.layout.fillMaxWidth
6+
import androidx.compose.foundation.layout.padding
7+
import androidx.compose.foundation.shape.RoundedCornerShape
8+
import androidx.compose.material3.BasicAlertDialog
9+
import androidx.compose.material3.ExperimentalMaterial3Api
10+
import androidx.compose.material3.Text
11+
import androidx.compose.runtime.Composable
12+
import androidx.compose.ui.Modifier
13+
import androidx.compose.ui.text.style.TextAlign
14+
import androidx.compose.ui.tooling.preview.Preview
15+
import androidx.compose.ui.unit.dp
16+
import androidx.compose.ui.window.DialogProperties
17+
import com.threegap.bitnagil.designsystem.BitnagilTheme
18+
import com.threegap.bitnagil.designsystem.modifier.clickableWithoutRipple
19+
20+
@OptIn(ExperimentalMaterial3Api::class)
21+
@Composable
22+
fun WithdrawalConfirmDialog(
23+
onConfirm: () -> Unit,
24+
modifier: Modifier = Modifier,
25+
) {
26+
BasicAlertDialog(
27+
onDismissRequest = {},
28+
modifier = modifier,
29+
properties = DialogProperties(
30+
dismissOnBackPress = false,
31+
dismissOnClickOutside = false,
32+
),
33+
) {
34+
Column(
35+
modifier = Modifier
36+
.background(
37+
color = BitnagilTheme.colors.white,
38+
shape = RoundedCornerShape(12.dp),
39+
)
40+
.padding(vertical = 20.dp, horizontal = 24.dp),
41+
) {
42+
Text(
43+
text = "탈퇴가 완료되었어요",
44+
color = BitnagilTheme.colors.coolGray10,
45+
style = BitnagilTheme.typography.subtitle1SemiBold,
46+
modifier = Modifier.padding(bottom = 6.dp),
47+
)
48+
49+
Text(
50+
text = "이용해 주셔서 감사합니다. 언제든 다시\n돌아오실 수 있어요:)",
51+
color = BitnagilTheme.colors.coolGray40,
52+
style = BitnagilTheme.typography.body2Medium,
53+
modifier = Modifier.padding(bottom = 18.dp),
54+
)
55+
56+
Text(
57+
text = "확인",
58+
color = BitnagilTheme.colors.orange500,
59+
style = BitnagilTheme.typography.body2Medium,
60+
textAlign = TextAlign.End,
61+
modifier = Modifier
62+
.fillMaxWidth()
63+
.clickableWithoutRipple { onConfirm() },
64+
)
65+
}
66+
}
67+
}
68+
69+
@Preview
70+
@Composable
71+
private fun WithdrawalConfirmDialogPreview() {
72+
WithdrawalConfirmDialog(
73+
onConfirm = {},
74+
)
75+
}

0 commit comments

Comments
 (0)