Is there a better way to deduplicate this sort of code in compose? ```if (myEvent != null) { Ca...

# compose

[Colton Idle]

Is there a better way to deduplicate this sort of code in compose?

if (myEvent != null) {
    Card(modifier = modifier, elevation = 2.dp, onClick = myEvent) {
        content()
    }
} else {
    Card(modifier = modifier, elevation = 2.dp) {
        content()
    }
}

[mgrazianodecastro]

hmmm maybe a lambda for onClick?

onClick = {
    myEvent?.let{ it() }
}

[ephemient]

that'll make the card clickable in all cases, with click action doing nothing sometimes. that's different than a card without a click handler

[mgrazianodecastro]

maybe this? https://stackoverflow.com/questions/71238475/how-can-i-make-composables-unclickable-preferrably-by-its-modifier but to set the onClick as a nullable parameter and turn the boolean when not null

[ephemient]

as an aside, consider using movableContentOf() so that the inner content isn't recomposed when the click is enabled/disabled, e.g.

val composable = movableContentOf { content() }
if (...) {
    Card(...) { composable() }
} else {
    Card(...) { composable() }
}

[zt]

Oh that's neat. I didn't consider the content getting recomposed. Might even fix a few issues in my app

[Albert Chang]

You can just apply clickable modifier conditionally on the child of Card (which is equivalent to using the overload with onClick parameter):

Card(elevation = 2.dp) {
    Box(
        modifier = if (onClick != null) {
            Modifier.clickable(onClick = onClick)
        } else {
            Modifier
        }
    ) {
        content()
    }
}