1
1
package net.mullvad.mullvadvpn.compose.screen
2
2
3
- import androidx.compose.foundation.layout.Spacer
4
3
import androidx.compose.foundation.layout.padding
5
- import androidx.compose.foundation.layout.width
6
4
import androidx.compose.foundation.lazy.LazyColumn
7
5
import androidx.compose.foundation.lazy.LazyListScope
8
6
import androidx.compose.foundation.lazy.LazyListState
9
- import androidx.compose.material.icons.Icons
10
- import androidx.compose.material.icons.filled.Add
11
- import androidx.compose.material3.ExtendedFloatingActionButton
12
7
import androidx.compose.material3.Icon
8
+ import androidx.compose.material3.IconButton
13
9
import androidx.compose.material3.MaterialTheme
14
10
import androidx.compose.material3.SnackbarDuration
15
11
import androidx.compose.material3.SnackbarHostState
@@ -20,8 +16,10 @@ import androidx.compose.runtime.remember
20
16
import androidx.compose.runtime.rememberCoroutineScope
21
17
import androidx.compose.ui.Alignment
22
18
import androidx.compose.ui.Modifier
19
+ import androidx.compose.ui.graphics.compositeOver
23
20
import androidx.compose.ui.platform.LocalContext
24
21
import androidx.compose.ui.platform.testTag
22
+ import androidx.compose.ui.res.painterResource
25
23
import androidx.compose.ui.res.stringResource
26
24
import androidx.compose.ui.tooling.preview.Preview
27
25
import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -47,7 +45,7 @@ import net.mullvad.mullvadvpn.compose.test.NEW_LIST_BUTTON_TEST_TAG
47
45
import net.mullvad.mullvadvpn.compose.transitions.SlideInFromRightTransition
48
46
import net.mullvad.mullvadvpn.lib.theme.AppTheme
49
47
import net.mullvad.mullvadvpn.lib.theme.Dimens
50
- import net.mullvad.mullvadvpn.lib.theme.shape.fabShape
48
+ import net.mullvad.mullvadvpn.lib.theme.color.Alpha60
51
49
import net.mullvad.mullvadvpn.relaylist.RelayItem
52
50
import net.mullvad.mullvadvpn.viewmodel.CustomListsViewModel
53
51
import org.koin.androidx.compose.koinViewModel
@@ -124,20 +122,19 @@ fun CustomListsScreen(
124
122
ScaffoldWithMediumTopBar (
125
123
appBarTitle = stringResource(id = R .string.edit_custom_lists),
126
124
navigationIcon = { NavigateBackIconButton (onBackClick) },
127
- floatingActionButton = {
128
- ExtendedFloatingActionButton (
125
+ actions = {
126
+ IconButton (
129
127
onClick = addCustomList,
130
- containerColor = MaterialTheme .colorScheme.primary,
131
- contentColor = MaterialTheme .colorScheme.onPrimary,
132
- shape = MaterialTheme .shapes.fabShape,
133
128
modifier = Modifier .testTag(NEW_LIST_BUTTON_TEST_TAG )
134
129
) {
135
130
Icon (
136
- imageVector = Icons .Filled .Add ,
131
+ painterResource(id = R .drawable.ic_icons_add),
132
+ tint =
133
+ MaterialTheme .colorScheme.onBackground
134
+ .copy(alpha = Alpha60 )
135
+ .compositeOver(MaterialTheme .colorScheme.background),
137
136
contentDescription = stringResource(id = R .string.new_list)
138
137
)
139
- Spacer (modifier = Modifier .width(Dimens .mediumPadding))
140
- Text (stringResource(id = R .string.new_list))
141
138
}
142
139
},
143
140
snackbarHostState = snackbarHostState
0 commit comments