-
Notifications
You must be signed in to change notification settings - Fork 1
/
TopicSelectionBottomSheet.kt
64 lines (60 loc) · 2.1 KB
/
TopicSelectionBottomSheet.kt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
package com.dluvian.voyage.ui.components.bottomSheet
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.ModalBottomSheet
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.MutableState
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.stringResource
import com.dluvian.voyage.R
import com.dluvian.voyage.core.ComposableContent
import com.dluvian.voyage.core.Fn
import com.dluvian.voyage.core.MAX_TOPICS
import com.dluvian.voyage.core.Topic
import com.dluvian.voyage.ui.components.TopicSelectionChips
import com.dluvian.voyage.ui.theme.spacing
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun TopicSelectionBottomSheet(
selectedTopics: MutableState<List<Topic>>,
myTopics: List<Topic>,
onDismiss: Fn
) {
ModalBottomSheet(modifier = Modifier.fillMaxSize(), onDismissRequest = onDismiss) {
TopicSelection(myTopics = myTopics, selectedTopics = selectedTopics)
}
}
@Composable
private fun TopicSelection(myTopics: List<Topic>, selectedTopics: MutableState<List<Topic>>) {
ContentRow(
header = stringResource(
id = R.string.selected_n_of_m,
selectedTopics.value.size,
MAX_TOPICS
)
) {
TopicSelectionChips(myTopics = myTopics, selectedTopics = selectedTopics)
}
}
@Composable
private fun ContentRow(header: String, content: ComposableContent) {
Column(
modifier = Modifier
.fillMaxWidth()
.padding(horizontal = spacing.screenEdge)
) {
Text(
text = header,
style = MaterialTheme.typography.titleLarge
)
Spacer(modifier = Modifier.height(spacing.medium))
content()
}
}