refactor(card-list): replace create sheet with floating menu

Author: pawcoding

app/src/main/java/de/pawcode/cardstore/ui/screens/CardListScreen.kt

@@ -30,6 +30,8 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.ExtendedFloatingActionButton
 import androidx.compose.material3.FilledIconButton
+import androidx.compose.material3.FloatingActionButtonMenu
+import androidx.compose.material3.FloatingActionButtonMenuItem
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButtonDefaults
 import androidx.compose.material3.ModalBottomSheet
@@ -189,7 +191,6 @@ fun CardListScreenComponent(
   val cardShareSheetState = rememberModalBottomSheetState()
   val cardImportSheetState = rememberModalBottomSheetState()
   val cardOptionSheetState = rememberModalBottomSheetState()
-  val cardCreateSheetState = rememberModalBottomSheetState()
 
   var selectedLabel by remember { mutableStateOf<String?>(null) }
 
@@ -278,13 +279,43 @@ fun CardListScreenComponent(
       )
     },
     floatingActionButton = {
-      ExtendedFloatingActionButton(
-        onClick = { showCardCreateSheet = true },
-        text = { Text(stringResource(R.string.cards_new)) },
-        icon = {
-          Icon(Icons.Filled.AddCard, contentDescription = stringResource(R.string.cards_new))
-        },
-      )
+      FloatingActionButtonMenu(
+        expanded = showCardCreateSheet,
+        button = {
+          ExtendedFloatingActionButton(
+            onClick = { showCardCreateSheet = true },
+            text = { Text(stringResource(R.string.cards_new)) },
+            icon = {
+              Icon(Icons.Filled.AddCard, contentDescription = stringResource(R.string.cards_new))
+            },
+          )
+        }
+      ) {
+        FloatingActionButtonMenuItem(
+          onClick = {
+            showBarcodeScanner = true
+            showCardCreateSheet = false
+          },
+          text = { Text(stringResource(R.string.scan_barcode)) },
+          icon = { Icon(Icons.Outlined.QrCodeScanner, contentDescription = null) },
+        )
+        FloatingActionButtonMenuItem(
+          onClick = {
+            showPkpassPicker = true
+            showCardCreateSheet = false
+          },
+          text = { Text(stringResource(R.string.card_create_pkpass)) },
+          icon = { Icon(Icons.Outlined.FileOpen, contentDescription = null) },
+        )
+        FloatingActionButtonMenuItem(
+          onClick = {
+            onCreateCard(null, null)
+            showCardCreateSheet = false
+          },
+          text = { Text(stringResource(R.string.card_create_manual)) },
+          icon = { Icon(Icons.Filled.Edit, contentDescription = null) },
+        )
+      }
     },
   ) { innerPadding ->
     Column(modifier = Modifier.padding(innerPadding).padding(horizontal = 8.dp)) {
@@ -395,41 +426,6 @@ fun CardListScreenComponent(
         }
       }
 
-      if (showCardCreateSheet) {
-        ModalBottomSheet(
-          sheetState = cardCreateSheetState,
-          dragHandle = {},
-          onDismissRequest = { showCardCreateSheet = false },
-        ) {
-          OptionSheet(
-            Option(
-              label = stringResource(R.string.scan_barcode),
-              icon = Icons.Outlined.QrCodeScanner,
-              onClick = {
-                showBarcodeScanner = true
-                showCardCreateSheet = false
-              },
-            ),
-            Option(
-              label = stringResource(R.string.card_create_pkpass),
-              icon = Icons.Outlined.FileOpen,
-              onClick = {
-                showPkpassPicker = true
-                showCardCreateSheet = false
-              },
-            ),
-            Option(
-              label = stringResource(R.string.card_create_manual),
-              icon = Icons.Filled.Edit,
-              onClick = {
-                onCreateCard(null, null)
-                showCardCreateSheet = false
-              },
-            ),
-          )
-        }
-      }
-
       openDeleteDialog?.let {
         ConfirmDialog(
           onDismissRequest = { openDeleteDialog = null },