[ui]: FAB expandable로 수정 (#33)

Author: Nico1eKim

app/src/main/java/com/texthip/thip/ui/common/buttons/ExpandableFloatingButton.kt

@@ -51,7 +51,7 @@ fun ExpandableFloatingButton(
     Box(
         modifier = Modifier
             .fillMaxSize()
-            .padding(16.dp), // TODO: 화면에서 버튼 위치 조정
+            .padding(end = 20.dp, bottom = 32.dp),
         contentAlignment = Alignment.BottomEnd
     ) {
         Column(
@@ -65,7 +65,7 @@ fun ExpandableFloatingButton(
             ) {
                 Column(
                     modifier = Modifier
-                        .padding(bottom = 80.dp, end = 16.dp) // TODO: 화면에서 버튼 위치 조정
+                        .padding(bottom = 94.dp, end = 20.dp)
                         .width(184.dp)
                         .background(
                             color = colors.Black,
@@ -80,7 +80,6 @@ fun ExpandableFloatingButton(
                     verticalArrangement = Arrangement.spacedBy(16.dp)
                 ) {
                     menuItems.forEachIndexed { index, item ->
-//                        if (index > 0) Spacer(modifier = Modifier.height(16.dp))
                         MenuItem(
                             icon = item.icon,
                             text = item.text,

app/src/main/java/com/texthip/thip/ui/group/note/screen/GroupNoteScreen.kt

@@ -26,8 +26,9 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.texthip.thip.R
+import com.texthip.thip.ui.common.buttons.ExpandableFloatingButton
+import com.texthip.thip.ui.common.buttons.FabMenuItem
 import com.texthip.thip.ui.common.buttons.FilterButton
-import com.texthip.thip.ui.common.buttons.FloatingButton
 import com.texthip.thip.ui.common.header.HeaderMenuBarTab
 import com.texthip.thip.ui.common.topappbar.DefaultTopAppBar
 import com.texthip.thip.ui.group.note.component.CommentBottomSheet
@@ -166,9 +167,19 @@ fun GroupNoteScreen() {
             )
         }
 
-        FloatingButton(
-            icon = painterResource(id = R.drawable.ic_plus),
-            onClick = { /* 새 글 작성 */ }
+        ExpandableFloatingButton(
+            menuItems = listOf(
+                FabMenuItem(
+                    icon = painterResource(R.drawable.ic_write),
+                    text = stringResource(R.string.write_record),
+                    onClick = { }
+                ),
+                FabMenuItem(
+                    icon = painterResource(R.drawable.ic_vote),
+                    text = stringResource(R.string.create_vote),
+                    onClick = { }
+                )
+            )
         )
     }