Merge pull request #895 from vector-im/feature/bma/fixDarkWelcome
Fix dark welcome
This commit is contained in:
commit
baf6497d33
19 changed files with 66 additions and 16 deletions
1
.idea/dictionaries/shared.xml
generated
1
.idea/dictionaries/shared.xml
generated
|
|
@ -2,6 +2,7 @@
|
||||||
<dictionary name="shared">
|
<dictionary name="shared">
|
||||||
<words>
|
<words>
|
||||||
<w>backstack</w>
|
<w>backstack</w>
|
||||||
|
<w>ftue</w>
|
||||||
<w>homeserver</w>
|
<w>homeserver</w>
|
||||||
<w>kover</w>
|
<w>kover</w>
|
||||||
<w>measurables</w>
|
<w>measurables</w>
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@ private fun AnalyticsOptInHeader(
|
||||||
@Composable
|
@Composable
|
||||||
private fun CheckIcon(modifier: Modifier = Modifier) {
|
private fun CheckIcon(modifier: Modifier = Modifier) {
|
||||||
Icon(
|
Icon(
|
||||||
modifier = Modifier
|
modifier = modifier
|
||||||
.size(20.dp)
|
.size(20.dp)
|
||||||
.background(color = MaterialTheme.colorScheme.background, shape = CircleShape)
|
.background(color = MaterialTheme.colorScheme.background, shape = CircleShape)
|
||||||
.padding(2.dp),
|
.padding(2.dp),
|
||||||
|
|
|
||||||
|
|
@ -67,4 +67,8 @@ class FakeAnalyticsService(
|
||||||
|
|
||||||
override fun trackError(throwable: Throwable) {
|
override fun trackError(throwable: Throwable) {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
override suspend fun reset() {
|
||||||
|
didAskUserConsentFlow.value = false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -20,4 +20,6 @@ import kotlinx.coroutines.flow.StateFlow
|
||||||
|
|
||||||
interface FtueState {
|
interface FtueState {
|
||||||
val shouldDisplayFlow: StateFlow<Boolean>
|
val shouldDisplayFlow: StateFlow<Boolean>
|
||||||
|
|
||||||
|
suspend fun reset()
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,11 @@ class DefaultFtueState @Inject constructor(
|
||||||
|
|
||||||
override val shouldDisplayFlow = MutableStateFlow(isAnyStepIncomplete())
|
override val shouldDisplayFlow = MutableStateFlow(isAnyStepIncomplete())
|
||||||
|
|
||||||
|
override suspend fun reset() {
|
||||||
|
welcomeScreenState.reset()
|
||||||
|
analyticsService.reset()
|
||||||
|
}
|
||||||
|
|
||||||
init {
|
init {
|
||||||
analyticsService.didAskUserConsent()
|
analyticsService.didAskUserConsent()
|
||||||
.onEach { updateState() }
|
.onEach { updateState() }
|
||||||
|
|
|
||||||
|
|
@ -75,13 +75,15 @@ fun WelcomeView(
|
||||||
Text(
|
Text(
|
||||||
modifier = Modifier.testTag(TestTags.welcomeScreenTitle),
|
modifier = Modifier.testTag(TestTags.welcomeScreenTitle),
|
||||||
text = stringResource(R.string.screen_welcome_title, applicationName),
|
text = stringResource(R.string.screen_welcome_title, applicationName),
|
||||||
style = ElementTheme.typography.fontHeadingLgBold,
|
style = ElementTheme.typography.fontHeadingMdBold,
|
||||||
|
color = ElementTheme.colors.textPrimary,
|
||||||
textAlign = TextAlign.Center,
|
textAlign = TextAlign.Center,
|
||||||
)
|
)
|
||||||
Spacer(modifier = Modifier.height(8.dp))
|
Spacer(modifier = Modifier.height(8.dp))
|
||||||
Text(
|
Text(
|
||||||
text = stringResource(R.string.screen_welcome_subtitle),
|
text = stringResource(R.string.screen_welcome_subtitle),
|
||||||
style = ElementTheme.typography.fontBodyMdRegular,
|
style = ElementTheme.typography.fontBodyMdRegular,
|
||||||
|
color = ElementTheme.colors.textPrimary,
|
||||||
textAlign = TextAlign.Center,
|
textAlign = TextAlign.Center,
|
||||||
)
|
)
|
||||||
Spacer(modifier = Modifier.height(40.dp))
|
Spacer(modifier = Modifier.height(40.dp))
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@
|
||||||
package io.element.android.features.ftue.impl.welcome.state
|
package io.element.android.features.ftue.impl.welcome.state
|
||||||
|
|
||||||
import android.content.SharedPreferences
|
import android.content.SharedPreferences
|
||||||
|
import androidx.core.content.edit
|
||||||
import com.squareup.anvil.annotations.ContributesBinding
|
import com.squareup.anvil.annotations.ContributesBinding
|
||||||
import io.element.android.libraries.di.AppScope
|
import io.element.android.libraries.di.AppScope
|
||||||
import io.element.android.libraries.di.DefaultPreferences
|
import io.element.android.libraries.di.DefaultPreferences
|
||||||
|
|
@ -27,7 +28,7 @@ import javax.inject.Inject
|
||||||
@SingleIn(AppScope::class)
|
@SingleIn(AppScope::class)
|
||||||
class AndroidWelcomeScreenState @Inject constructor(
|
class AndroidWelcomeScreenState @Inject constructor(
|
||||||
@DefaultPreferences private val sharedPreferences: SharedPreferences,
|
@DefaultPreferences private val sharedPreferences: SharedPreferences,
|
||||||
): WelcomeScreenState {
|
) : WelcomeScreenState {
|
||||||
|
|
||||||
companion object {
|
companion object {
|
||||||
private const val IS_WELCOME_SCREEN_SHOWN = "is_welcome_screen_shown"
|
private const val IS_WELCOME_SCREEN_SHOWN = "is_welcome_screen_shown"
|
||||||
|
|
@ -40,4 +41,10 @@ class AndroidWelcomeScreenState @Inject constructor(
|
||||||
override fun setWelcomeScreenShown() {
|
override fun setWelcomeScreenShown() {
|
||||||
sharedPreferences.edit().putBoolean(IS_WELCOME_SCREEN_SHOWN, true).apply()
|
sharedPreferences.edit().putBoolean(IS_WELCOME_SCREEN_SHOWN, true).apply()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
override fun reset() {
|
||||||
|
sharedPreferences.edit {
|
||||||
|
remove(IS_WELCOME_SCREEN_SHOWN)
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -19,4 +19,5 @@ package io.element.android.features.ftue.impl.welcome.state
|
||||||
interface WelcomeScreenState {
|
interface WelcomeScreenState {
|
||||||
fun isWelcomeScreenNeeded(): Boolean
|
fun isWelcomeScreenNeeded(): Boolean
|
||||||
fun setWelcomeScreenShown()
|
fun setWelcomeScreenShown()
|
||||||
|
fun reset()
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -27,4 +27,8 @@ class FakeWelcomeState : WelcomeScreenState {
|
||||||
override fun setWelcomeScreenShown() {
|
override fun setWelcomeScreenShown() {
|
||||||
isWelcomeScreenNeeded = false
|
isWelcomeScreenNeeded = false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
override fun reset() {
|
||||||
|
isWelcomeScreenNeeded = true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,7 @@ dependencies {
|
||||||
implementation(projects.libraries.uiStrings)
|
implementation(projects.libraries.uiStrings)
|
||||||
implementation(projects.features.rageshake.api)
|
implementation(projects.features.rageshake.api)
|
||||||
implementation(projects.features.analytics.api)
|
implementation(projects.features.analytics.api)
|
||||||
|
implementation(projects.features.ftue.api)
|
||||||
implementation(projects.libraries.matrixui)
|
implementation(projects.libraries.matrixui)
|
||||||
implementation(projects.features.logout.api)
|
implementation(projects.features.logout.api)
|
||||||
implementation(projects.services.toolbox.api)
|
implementation(projects.services.toolbox.api)
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,7 @@ import android.content.Context
|
||||||
import coil.Coil
|
import coil.Coil
|
||||||
import coil.annotation.ExperimentalCoilApi
|
import coil.annotation.ExperimentalCoilApi
|
||||||
import com.squareup.anvil.annotations.ContributesBinding
|
import com.squareup.anvil.annotations.ContributesBinding
|
||||||
|
import io.element.android.features.ftue.api.state.FtueState
|
||||||
import io.element.android.features.preferences.impl.DefaultCacheService
|
import io.element.android.features.preferences.impl.DefaultCacheService
|
||||||
import io.element.android.libraries.core.coroutine.CoroutineDispatchers
|
import io.element.android.libraries.core.coroutine.CoroutineDispatchers
|
||||||
import io.element.android.libraries.di.ApplicationContext
|
import io.element.android.libraries.di.ApplicationContext
|
||||||
|
|
@ -43,6 +44,7 @@ class DefaultClearCacheUseCase @Inject constructor(
|
||||||
private val coroutineDispatchers: CoroutineDispatchers,
|
private val coroutineDispatchers: CoroutineDispatchers,
|
||||||
private val defaultCacheIndexProvider: DefaultCacheService,
|
private val defaultCacheIndexProvider: DefaultCacheService,
|
||||||
private val okHttpClient: Provider<OkHttpClient>,
|
private val okHttpClient: Provider<OkHttpClient>,
|
||||||
|
private val ftueState: FtueState,
|
||||||
) : ClearCacheUseCase {
|
) : ClearCacheUseCase {
|
||||||
override suspend fun invoke() = withContext(coroutineDispatchers.io) {
|
override suspend fun invoke() = withContext(coroutineDispatchers.io) {
|
||||||
// Clear Matrix cache
|
// Clear Matrix cache
|
||||||
|
|
@ -56,6 +58,8 @@ class DefaultClearCacheUseCase @Inject constructor(
|
||||||
okHttpClient.get().cache?.delete()
|
okHttpClient.get().cache?.delete()
|
||||||
// Clear app cache
|
// Clear app cache
|
||||||
context.cacheDir.deleteRecursively()
|
context.cacheDir.deleteRecursively()
|
||||||
|
// Clear some settings
|
||||||
|
ftueState.reset()
|
||||||
// Ensure the app is restarted
|
// Ensure the app is restarted
|
||||||
defaultCacheIndexProvider.onClearedCache(matrixClient.sessionId)
|
defaultCacheIndexProvider.onClearedCache(matrixClient.sessionId)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -62,7 +62,7 @@ fun ElementLogoAtom(
|
||||||
ElementLogoAtomSize.Large -> 110.dp
|
ElementLogoAtomSize.Large -> 110.dp
|
||||||
ElementLogoAtomSize.Medium -> 83.5.dp
|
ElementLogoAtomSize.Medium -> 83.5.dp
|
||||||
}
|
}
|
||||||
val cornerRadius = when(size) {
|
val cornerRadius = when (size) {
|
||||||
ElementLogoAtomSize.Large -> 44.dp
|
ElementLogoAtomSize.Large -> 44.dp
|
||||||
ElementLogoAtomSize.Medium -> 33.dp
|
ElementLogoAtomSize.Medium -> 33.dp
|
||||||
}
|
}
|
||||||
|
|
@ -125,9 +125,12 @@ internal fun ElementLogoAtomPreview() {
|
||||||
ElementPreview {
|
ElementPreview {
|
||||||
Box(
|
Box(
|
||||||
Modifier
|
Modifier
|
||||||
.size(170.dp)
|
.size(180.dp)
|
||||||
.background(ElementTheme.colors.bgSubtlePrimary))
|
.background(ElementTheme.colors.bgSubtlePrimary),
|
||||||
ElementLogoAtom(ElementLogoAtomSize.Large)
|
contentAlignment = Alignment.Center
|
||||||
|
) {
|
||||||
|
ElementLogoAtom(ElementLogoAtomSize.Large)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -31,6 +31,7 @@ import io.element.android.libraries.designsystem.atomic.atoms.InfoListItemMolecu
|
||||||
import io.element.android.libraries.designsystem.atomic.atoms.InfoListItemPosition
|
import io.element.android.libraries.designsystem.atomic.atoms.InfoListItemPosition
|
||||||
import io.element.android.libraries.designsystem.theme.components.Icon
|
import io.element.android.libraries.designsystem.theme.components.Icon
|
||||||
import io.element.android.libraries.designsystem.theme.components.Text
|
import io.element.android.libraries.designsystem.theme.components.Text
|
||||||
|
import io.element.android.libraries.theme.ElementTheme
|
||||||
import kotlinx.collections.immutable.ImmutableList
|
import kotlinx.collections.immutable.ImmutableList
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
|
|
@ -54,7 +55,13 @@ fun InfoListOrganism(
|
||||||
else -> InfoListItemPosition.Middle
|
else -> InfoListItemPosition.Middle
|
||||||
}
|
}
|
||||||
InfoListItemMolecule(
|
InfoListItemMolecule(
|
||||||
message = { Text(item.message, style = textStyle) },
|
message = {
|
||||||
|
Text(
|
||||||
|
text = item.message,
|
||||||
|
style = textStyle,
|
||||||
|
color = ElementTheme.colors.textPrimary,
|
||||||
|
)
|
||||||
|
},
|
||||||
icon = {
|
icon = {
|
||||||
if (item.iconId != null) {
|
if (item.iconId != null) {
|
||||||
Icon(resourceId = item.iconId, contentDescription = null, tint = iconTint)
|
Icon(resourceId = item.iconId, contentDescription = null, tint = iconTint)
|
||||||
|
|
|
||||||
|
|
@ -58,4 +58,9 @@ interface AnalyticsService: AnalyticsTracker, ErrorTracker {
|
||||||
* To be called when a session is destroyed.
|
* To be called when a session is destroyed.
|
||||||
*/
|
*/
|
||||||
suspend fun onSignOut()
|
suspend fun onSignOut()
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reset the analytics service (will ask for user consent again).
|
||||||
|
*/
|
||||||
|
suspend fun reset()
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -78,6 +78,10 @@ class DefaultAnalyticsService @Inject constructor(
|
||||||
analyticsStore.setDidAskUserConsent()
|
analyticsStore.setDidAskUserConsent()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
override suspend fun reset() {
|
||||||
|
analyticsStore.setDidAskUserConsent(false)
|
||||||
|
}
|
||||||
|
|
||||||
override fun getAnalyticsId(): Flow<String> {
|
override fun getAnalyticsId(): Flow<String> {
|
||||||
return analyticsStore.analyticsIdFlow
|
return analyticsStore.analyticsIdFlow
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
version https://git-lfs.github.com/spec/v1
|
||||||
oid sha256:76a68f2fc93894d6f9d9caea02546766c55664c0e53ba9506c6c32df058f5823
|
oid sha256:16de62092834bf803c8165e974f45e14ccfc0128a3e74295a58eef965abc10c5
|
||||||
size 303608
|
size 301336
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
version https://git-lfs.github.com/spec/v1
|
||||||
oid sha256:f24bb3e40dd8c02037bd9d4523726ec0a0b1a283d23a8ca143973b0e9ee673c6
|
oid sha256:6838e81cc5f2755ff76de7254e2c8bb445b76662d7ba9b4c83443b2c2ed03029
|
||||||
size 408318
|
size 406044
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
version https://git-lfs.github.com/spec/v1
|
||||||
oid sha256:2947531c19a0ac9a7e35c3f2a394f6eb805427e1ad296d22b7d8b5cbb2428e07
|
oid sha256:2b19b24fc94f200579827f66557a183842d5234881ed84fe2b8b74d935b90666
|
||||||
size 20947
|
size 22697
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
version https://git-lfs.github.com/spec/v1
|
version https://git-lfs.github.com/spec/v1
|
||||||
oid sha256:6f88eb992060d5b41ce3200bdc48d4fe6accaeda857d1ca08cb65ed8235798f7
|
oid sha256:e35ea20cabe37c05a594bce1b6b4a3c2175470408c18db25874ad5db088f733f
|
||||||
size 20266
|
size 21219
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue