DROID-3375 New settings | Enhancement | Space tech info with copy-to-clipboard functionality (#2158)

feature-ui-settings/src/main/java/com/anytypeio/anytype/ui_settings/space/new_settings/NewSettings.kt

@@ -3,7 +3,9 @@ package com.anytypeio.anytype.ui_settings.space.new_settings
 import android.os.Build
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
@@ -28,6 +30,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.painterResource
@@ -40,7 +43,6 @@ import com.anytypeio.anytype.presentation.spaces.UiEvent
 import com.anytypeio.anytype.presentation.spaces.UiSpaceSettingsItem
 import com.anytypeio.anytype.presentation.spaces.UiSpaceSettingsState
 import com.anytypeio.anytype.ui_settings.R
-import timber.log.Timber
 
 @Composable
 fun SpaceSettingsContainer(
@@ -66,6 +68,7 @@ fun NewSpaceSettingsScreen(
 
     var showEditDescription by remember { mutableStateOf(false) }
     var showEditTitle by remember { mutableStateOf(false) }
+    var showTechInfo by remember { mutableStateOf(false) }
 
     Scaffold(
         modifier = Modifier.fillMaxWidth(),
@@ -249,6 +252,10 @@ fun NewSpaceSettingsScreen(
                                     modifier = Modifier
                                         .fillMaxWidth()
                                         .animateItem()
+                                        .clip(RoundedCornerShape(16.dp))
+                                        .clickable {
+                                            showTechInfo = true
+                                        }
                                 )
                             }
                         }
@@ -320,6 +327,25 @@ fun NewSpaceSettingsScreen(
             )
         }
     }
+
+    if (showTechInfo) {
+        ModalBottomSheet(
+            containerColor = colorResource(R.color.background_secondary),
+            onDismissRequest = {
+                showTechInfo = false
+            },
+            dragHandle = {
+                Dragger(
+                    modifier = Modifier.padding(vertical = 6.dp)
+                )
+            },
+            content = {
+                SpaceInfoScreen(
+                    spaceTechInfo = uiState.spaceTechInfo
+                )
+            }
+        )
+    }
 }
 
 @Composable

feature-ui-settings/src/main/java/com/anytypeio/anytype/ui_settings/space/new_settings/Previews.kt

@@ -2,9 +2,11 @@ package com.anytypeio.anytype.ui_settings.space.new_settings
 
 import androidx.compose.runtime.Composable
 import com.anytypeio.anytype.core_models.ThemeColor
+import com.anytypeio.anytype.core_models.primitives.SpaceId
 import com.anytypeio.anytype.core_ui.common.DefaultPreviews
 import com.anytypeio.anytype.presentation.objects.ObjectIcon
 import com.anytypeio.anytype.presentation.spaces.SpaceIconView
+import com.anytypeio.anytype.presentation.spaces.SpaceTechInfo
 import com.anytypeio.anytype.presentation.spaces.UiSpaceSettingsItem
 import com.anytypeio.anytype.presentation.spaces.UiSpaceSettingsState
 
@@ -44,7 +46,13 @@ fun NewSpaceSettingsScreenPreview() {
                 UiSpaceSettingsItem.Spacer(height = 32),
 
                 ),
-            isEditEnabled = true
+            isEditEnabled = true,
+            spaceTechInfo = SpaceTechInfo(
+                spaceId = SpaceId("space-id"),
+                createdBy = "Thomas",
+                creationDateInMillis = null,
+                networkId = "random network id"
+            )
         ),
         uiEvent = {},
     )

feature-ui-settings/src/main/java/com/anytypeio/anytype/ui_settings/space/new_settings/SpaceInfo.kt

@@ -0,0 +1,130 @@
+package com.anytypeio.anytype.ui_settings.space.new_settings
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
+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.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.datasource.LoremIpsum
+import androidx.compose.ui.unit.dp
+import com.anytypeio.anytype.core_models.primitives.SpaceId
+import com.anytypeio.anytype.core_ui.common.DefaultPreviews
+import com.anytypeio.anytype.core_ui.foundation.Header
+import com.anytypeio.anytype.core_ui.views.BodyCalloutRegular
+import com.anytypeio.anytype.core_ui.views.PreviewTitle2Regular
+import com.anytypeio.anytype.core_utils.clipboard.copyPlainTextToClipboard
+import com.anytypeio.anytype.core_utils.const.DateConst
+import com.anytypeio.anytype.core_utils.ext.formatTimeInMillis
+import com.anytypeio.anytype.presentation.spaces.SpaceTechInfo
+import com.anytypeio.anytype.ui_settings.R
+
+@Composable
+fun SpaceInfoScreen(
+    spaceTechInfo: SpaceTechInfo
+) {
+    val context = LocalContext.current
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        Header(
+            text = stringResource(R.string.space_settings_space_info_button)
+        )
+        SpaceInfoItem(
+            name = stringResource(R.string.space_id),
+            value = spaceTechInfo.spaceId.id,
+            onClick = {
+                context.copyPlainTextToClipboard(
+                    plainText = spaceTechInfo.spaceId.id,
+                    label = "Space ID",
+                    successToast = context.getString(R.string.space_id_copied_toast_msg)
+                )
+            }
+        )
+        SpaceInfoItem(
+            name = stringResource(R.string.created_by),
+            value = spaceTechInfo.createdBy.ifEmpty {
+                stringResource(id = R.string.unknown)
+            },
+            onClick = {
+                context.copyPlainTextToClipboard(
+                    plainText = spaceTechInfo.createdBy,
+                    label = "Created-by ID",
+                    successToast = context.getString(R.string.created_by_id_copied_toast_msg)
+                )
+            }
+        )
+        SpaceInfoItem(
+            name = stringResource(R.string.network_id),
+            value = spaceTechInfo.networkId.ifEmpty {
+                stringResource(id = R.string.unknown)
+            },
+            onClick = {
+                context.copyPlainTextToClipboard(
+                    plainText = spaceTechInfo.networkId,
+                    label = "Network ID",
+                    successToast = context.getString(R.string.network_id_copied_toast_msg)
+                )
+            }
+        )
+        SpaceInfoItem(
+            name = stringResource(R.string.creation_date),
+            value = spaceTechInfo.creationDateInMillis?.formatTimeInMillis(
+                DateConst.DEFAULT_DATE_FORMAT
+            ) ?: stringResource(id = R.string.unknown),
+            onClick = {
+                // Do nothing.
+            }
+        )
+    }
+}
+
+@Composable
+internal fun SpaceInfoItem(
+    name: String,
+    value: String,
+    onClick: () -> Unit
+) {
+    Column(
+        modifier = Modifier
+            .clickable {
+                onClick()
+            }
+            .fillMaxWidth()
+            .padding(
+                vertical = 12.dp,
+                horizontal = 20.dp
+            )
+    ) {
+        Text(
+            text = name,
+            style = BodyCalloutRegular,
+            color = colorResource(R.color.text_secondary),
+        )
+        Spacer(modifier = Modifier.height(4.dp))
+        Text(
+            text = value,
+            style = PreviewTitle2Regular,
+            color = colorResource(R.color.text_primary)
+        )
+    }
+}
+
+@DefaultPreviews
+@Composable
+fun SpaceInfoScreenPreview() {
+    SpaceInfoScreen(
+        spaceTechInfo = SpaceTechInfo(
+            spaceId = SpaceId(LoremIpsum(words = 10).toString()),
+            createdBy = "Walter",
+            networkId = LoremIpsum(words = 10).toString(),
+            creationDateInMillis = 21313L
+        )
+    )
+}