[feature/#841] 마이페이지 compose 리팩토링

feature/mypage/build.gradle.kts

@@ -25,6 +25,7 @@
 
 plugins {
     sopt("feature")
+    sopt("compose")
 }
 
 android {

feature/mypage/src/main/java/org/sopt/official/feature/mypage/component/MyPageButton.kt

@@ -0,0 +1,75 @@
+/*
+ * MIT License
+ * Copyright 2024 SOPT - Shout Our Passion Together
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.sopt.official.feature.mypage.component
+
+import androidx.annotation.StringRes
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.Dp
+import org.sopt.official.designsystem.Black
+import org.sopt.official.designsystem.Gray300
+import org.sopt.official.designsystem.Gray600
+import org.sopt.official.designsystem.White
+
+@Composable
+fun MyPageButton(
+    paddingShape: Dp,
+    style: TextStyle,
+    paddingVertical: Dp,
+    @StringRes text: Int,
+    onButtonClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    isEnabled: Boolean = true,
+    containerColor: Color = White,
+    contentColor: Color = Black
+) {
+    Button(
+        contentPadding = PaddingValues(paddingVertical),
+        modifier = modifier.fillMaxWidth(),
+        enabled = isEnabled,
+        colors = ButtonDefaults.buttonColors(
+            containerColor = containerColor,
+            contentColor = contentColor,
+            disabledContainerColor = Gray600,
+            disabledContentColor = Gray300
+        ),
+        shape = RoundedCornerShape(paddingShape),
+        onClick = onButtonClick
+    ) {
+        Text(
+            text = stringResource(id = text),
+            style = style,
+        )
+    }
+}

feature/mypage/src/main/java/org/sopt/official/feature/mypage/component/MyPageDialog.kt

@@ -0,0 +1,137 @@
+/*
+ * MIT License
+ * Copyright 2024 SOPT - Shout Our Passion Together
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+package org.sopt.official.feature.mypage.component
+
+import androidx.annotation.StringRes
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Dialog
+import androidx.compose.ui.window.DialogProperties
+import org.sopt.official.designsystem.Gray10
+import org.sopt.official.designsystem.Gray100
+import org.sopt.official.designsystem.Gray600
+import org.sopt.official.designsystem.Gray700
+import org.sopt.official.designsystem.SoptTheme
+import org.sopt.official.designsystem.White
+import org.sopt.official.feature.mypage.R
+
+@Composable
+fun MyPageDialog(
+    onDismissRequest: () -> Unit,
+    @StringRes title: Int,
+    @StringRes subTitle: Int,
+    @StringRes negativeText: Int,
+    @StringRes positiveText: Int,
+    modifier: Modifier = Modifier,
+    properties: DialogProperties = DialogProperties(usePlatformDefaultWidth = false),
+    onPositiveButtonClick: () -> Unit = {}
+) {
+    Dialog(
+        onDismissRequest = onDismissRequest,
+        properties = properties,
+    ) {
+        Column(
+            modifier = modifier
+                .wrapContentSize()
+                .padding(horizontal = 25.dp)
+                .background(
+                    color = Gray700,
+                    shape = RoundedCornerShape(10.dp)
+                ),
+            horizontalAlignment = Alignment.CenterHorizontally,
+        ) {
+            Spacer(modifier = Modifier.height(26.dp))
+            Text(
+                text = stringResource(id = title),
+                color = White,
+                style = SoptTheme.typography.heading16B
+            )
+            Spacer(modifier = Modifier.height(28.dp))
+            Text(
+                text = stringResource(id = subTitle),
+                color = Gray100,
+                style = SoptTheme.typography.body14M,
+                textAlign = TextAlign.Center,
+            )
+            Spacer(modifier = Modifier.height(34.dp))
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 7.dp)
+            ) {
+                MyPageButton(
+                    modifier = Modifier.weight(1f),
+                    paddingShape = 10.dp,
+                    style = SoptTheme.typography.body14M,
+                    paddingVertical = 9.dp,
+                    text = negativeText,
+                    onButtonClick = onDismissRequest,
+                    containerColor = Gray600,
+                    contentColor = Gray10
+                )
+                Spacer(modifier = Modifier.width(6.dp))
+                MyPageButton(
+                    modifier = Modifier.weight(1f),
+                    paddingShape = 10.dp,
+                    style = SoptTheme.typography.body14M,
+                    paddingVertical = 9.dp,
+                    text = positiveText,
+                    onButtonClick = onPositiveButtonClick,
+                )
+            }
+            Spacer(modifier = Modifier.height(12.dp))
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun MyPageDialogPreview() {
+    SoptTheme {
+        MyPageDialog(
+            onDismissRequest = {},
+            title = R.string.mypage_alert_soptamp_reset_title,
+            subTitle = R.string.mypage_alert_soptamp_reset_subtitle,
+            negativeText = R.string.mypage_alert_soptamp_reset_negative,
+            positiveText = R.string.mypage_alert_soptamp_reset_positive
+        )
+    }
+}