Sulkta-OSS/element-x-ada
3
0
Fork 0
Code Issues 1 Pull requests 10 Projects Releases Packages Wiki Activity Actions

Pin : start create pin view

Browse source
This commit is contained in:
ganfra 2023-10-18 17:04:23 +02:00
parent 5146e92187
commit 53feff04a1
1 changed files with 59 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

71
features/lockscreen/impl/src/main/kotlin/io/element/android/features/lockscreen/impl/create/CreatePinView.kt
View file

@ -14,31 +14,77 @@
* limitations under the License. * limitations under the License.
*/ */
@file:OptIn(ExperimentalMaterial3Api::class)
package io.element.android.features.lockscreen.impl.create package io.element.android.features.lockscreen.impl.create
import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.consumeWindowInsets
import androidx.compose.material3.MaterialTheme import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Lock
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.PreviewParameter import androidx.compose.ui.tooling.preview.PreviewParameter
import io.element.android.libraries.designsystem.atomic.molecules.IconTitleSubtitleMolecule
import io.element.android.libraries.designsystem.atomic.pages.HeaderFooterPage
import io.element.android.libraries.designsystem.components.button.BackButton
import io.element.android.libraries.designsystem.preview.ElementPreview import io.element.android.libraries.designsystem.preview.ElementPreview
import io.element.android.libraries.designsystem.preview.PreviewsDayNight import io.element.android.libraries.designsystem.preview.PreviewsDayNight
import io.element.android.libraries.designsystem.theme.components.Text import io.element.android.libraries.designsystem.theme.components.Button
import timber.log.Timber import io.element.android.libraries.designsystem.theme.components.Scaffold
import io.element.android.libraries.designsystem.theme.components.TopAppBar
@Composable @Composable
fun CreatePinView( fun CreatePinView(
state: CreatePinState, state: CreatePinState,
onBackClicked: () -> Unit,
modifier: Modifier = Modifier, modifier: Modifier = Modifier,
) { ) {
Timber.d("CreatePinView: $state") Scaffold(
Box(modifier, contentAlignment = Alignment.Center) { modifier = modifier,
Text( topBar = {
"CreatePin feature view", TopAppBar(
color = MaterialTheme.colorScheme.primary, navigationIcon = {
) BackButton(onClick = onBackClicked)
} },
title = {}
)
},
content = { padding ->
HeaderFooterPage(
modifier = Modifier
.padding(padding)
.consumeWindowInsets(padding),
header = { CreatePinHeader() },
footer = { CreatePinFooter() },
)
}
)
}
@Composable
private fun CreatePinHeader(
modifier: Modifier = Modifier,
) {
IconTitleSubtitleMolecule(
modifier = modifier,
title = "Choose 4 digit PIN",
subTitle = "Lock Element to add extra security to your chats.\n\nChoose something memorable. If you forget this PIN, you will be logged out of the app",
iconImageVector = Icons.Default.Lock,
)
}
@Composable
private fun CreatePinFooter() {
Button(
modifier = Modifier.fillMaxWidth(),
text = "Continue",
onClick = {
}
)
} }
@Composable @Composable
@ -47,6 +93,7 @@ internal fun CreatePinViewPreview(@PreviewParameter(CreatePinStateProvider::clas
ElementPreview { ElementPreview {
CreatePinView( CreatePinView(
state = state, state = state,
onBackClicked = {},
) )
} }
} }