diff --git a/app/src/main/java/com/anytypeio/anytype/ui/vault/VaultScreen.kt b/app/src/main/java/com/anytypeio/anytype/ui/vault/VaultScreen.kt index 0a0b1abad3..d455c082ed 100644 --- a/app/src/main/java/com/anytypeio/anytype/ui/vault/VaultScreen.kt +++ b/app/src/main/java/com/anytypeio/anytype/ui/vault/VaultScreen.kt @@ -108,6 +108,9 @@ fun VaultScreen( icon = item.icon ) if (idx == spaces.lastIndex) { + VaultSpaceAddCard( + onCreateSpaceClicked = onCreateSpaceClicked + ) Spacer(modifier = Modifier.height(40.dp)) } } @@ -257,6 +260,31 @@ fun VaultSpaceCard( } } +@Composable +fun VaultSpaceAddCard( + onCreateSpaceClicked: () -> Unit +) { + Box( + modifier = Modifier + .fillMaxWidth() + .padding(horizontal = 8.dp, vertical = 8.dp) + .clip(RoundedCornerShape(20.dp)) + .background( + color = colorResource(id = R.color.shape_tertiary), + shape = RoundedCornerShape(20.dp) + ) + .clickable { + onCreateSpaceClicked() + } + ) { + Image( + modifier = Modifier.align(Alignment.Center).padding(vertical = 32.dp), + painter = painterResource(id = R.drawable.ic_vault_create_space_card_button_plus), + contentDescription = "Plus icon" + ) + } +} + @Composable @Preview(showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES, name = "Light Mode") @Preview(showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO, name = "Dark Mode") diff --git a/core-ui/src/main/res/drawable/ic_vault_create_space_card_button_plus.xml b/core-ui/src/main/res/drawable/ic_vault_create_space_card_button_plus.xml new file mode 100644 index 0000000000..8d413790ad --- /dev/null +++ b/core-ui/src/main/res/drawable/ic_vault_create_space_card_button_plus.xml @@ -0,0 +1,10 @@ + + +