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

Add ElementCircularProgressIndicator and ElementOutlinedTextField.

Browse source
This commit is contained in:
Benoit Marty 2023-01-26 17:51:39 +01:00 • committed by Benoit Marty
parent 171e35c89a
commit 8d87320531
8 changed files with 190 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
features/login/src/main/kotlin/io/element/android/features/login/changeserver/ChangeServerView.kt
View file

@ -56,6 +56,8 @@ import io.element.android.libraries.designsystem.components.VectorIcon
import io.element.android.libraries.designsystem.components.form.textFieldState
import io.element.android.libraries.designsystem.theme.ElementTheme
import io.element.android.libraries.designsystem.theme.components.ElementButton
import io.element.android.libraries.designsystem.theme.components.ElementCircularProgressIndicator
import io.element.android.libraries.designsystem.theme.components.ElementOutlinedTextField
import io.element.android.libraries.designsystem.theme.components.ElementSurface
import io.element.android.libraries.testtags.TestTags
import io.element.android.libraries.testtags.testTag
@ -126,7 +128,7 @@ fun ChangeServerView(
color = ElementTheme.colors.secondary
)
var homeserverFieldState by textFieldState(stateValue = state.homeserver)
OutlinedTextField(
ElementOutlinedTextField(
value = homeserverFieldState,
modifier = Modifier
.fillMaxWidth()
@ -174,7 +176,7 @@ fun ChangeServerView(
}
}
if (state.changeServerAction is Async.Loading) {
CircularProgressIndicator(
ElementCircularProgressIndicator(
modifier = Modifier.align(Alignment.Center)
)
}

13
features/login/src/main/kotlin/io/element/android/features/login/root/LoginRootScreen.kt
View file

@ -32,11 +32,9 @@ import androidx.compose.foundation.verticalScroll
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Visibility
import androidx.compose.material.icons.filled.VisibilityOff
import androidx.compose.material3.CircularProgressIndicator
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
@ -59,13 +57,14 @@ import io.element.android.features.login.error.loginError
import io.element.android.libraries.designsystem.components.form.textFieldState
import io.element.android.libraries.designsystem.theme.ElementTheme
import io.element.android.libraries.designsystem.theme.components.ElementButton
import io.element.android.libraries.designsystem.theme.components.ElementCircularProgressIndicator
import io.element.android.libraries.designsystem.theme.components.ElementOutlinedTextField
import io.element.android.libraries.designsystem.theme.components.ElementSurface
import io.element.android.libraries.matrix.core.SessionId
import io.element.android.libraries.testtags.TestTags
import io.element.android.libraries.testtags.testTag
import io.element.android.libraries.ui.strings.R as StringR
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun LoginRootScreen(
state: LoginRootState,
@ -112,7 +111,7 @@ fun LoginRootScreen(
Box(
modifier = Modifier.fillMaxWidth()
) {
OutlinedTextField(
ElementOutlinedTextField(
value = state.homeserver,
modifier = Modifier.fillMaxWidth(),
onValueChange = { /* no op */ },
@ -135,7 +134,7 @@ fun LoginRootScreen(
}
)
}
OutlinedTextField(
ElementOutlinedTextField(
value = loginFieldState,
modifier = Modifier
.fillMaxWidth()
@ -158,7 +157,7 @@ fun LoginRootScreen(
// Ensure password is hidden when user submits the form
passwordVisible = false
}
OutlinedTextField(
ElementOutlinedTextField(
value = passwordFieldState,
modifier = Modifier
.fillMaxWidth()
@ -217,7 +216,7 @@ fun LoginRootScreen(
}
}
if (state.loggedInState is LoggedInState.LoggingIn) {
CircularProgressIndicator(
ElementCircularProgressIndicator(
modifier = Modifier.align(Alignment.Center)
)
}