wbrawner/nanoflux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add nav menu items

Browse source
This commit is contained in:
William Brawner 2021-05-29 00:47:59 -06:00
parent c2912cbb7e
commit 4d2763a87a
1 changed files with 48 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
app/src/main/java/com/wbrawner/nanoflux/ui/MainScreen.kt
View file

@ -1,19 +1,15 @@
package com.wbrawner.nanoflux.ui
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.text.BasicText
import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Home
import androidx.compose.material.icons.filled.Menu
import androidx.compose.material.icons.filled.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.wbrawner.nanoflux.NanofluxApp
@ -23,13 +19,23 @@ import kotlinx.coroutines.launch
@Composable
fun MainScreen(authViewModel: AuthViewModel) {
MainScaffold(
authViewModel::logout
{},
{},
{},
{},
{},
{}
)
}
@Composable
fun MainScaffold(
onLogoutClicked: () -> Unit
onUnreadClicked: () -> Unit,
onStarredClicked: () -> Unit,
onHistoryClicked: () -> Unit,
onFeedsClicked: () -> Unit,
onCategoriesClicked: () -> Unit,
onSettingsClicked: () -> Unit,
) {
val scaffoldState = rememberScaffoldState()
val coroutineScope = rememberCoroutineScope()
@ -46,36 +52,47 @@ fun MainScaffold(
}, title = { Text(text = "Unread") })
},
drawerContent = {
TextButton(onClick = onLogoutClicked, modifier = Modifier.fillMaxWidth()) {
Row(
horizontalArrangement = Arrangement.Start,
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier.fillMaxWidth()
) {
// Image(
// imageVector = icon,
// contentDescription = null, // decorative
// colorFilter = ColorFilter.tint(textIconColor),
// alpha = imageAlpha
// )
// Spacer(Modifier.width(16.dp))
Text(
text = "Logout",
modifier = Modifier.padding(8.dp),
style = MaterialTheme.typography.body2
)
}
}
DrawerButton(onClick = onUnreadClicked, icon = Icons.Default.Email, text = "Unread")
DrawerButton(onClick = onStarredClicked, icon = Icons.Default.Star, text = "Starred")
DrawerButton(onClick = onHistoryClicked, icon = Icons.Default.DateRange, text = "History")
DrawerButton(onClick = onFeedsClicked, icon = Icons.Default.List, text = "Feeds")
DrawerButton(onClick = onCategoriesClicked, icon = Icons.Default.Info, text = "Categories")
DrawerButton(onClick = onSettingsClicked, icon = Icons.Default.Settings, text = "Settings")
}
) {
}
}
@Composable
fun DrawerButton(onClick: () -> Unit, icon: ImageVector, text: String) {
TextButton(onClick = onClick, modifier = Modifier.fillMaxWidth()) {
Row(
horizontalArrangement = Arrangement.Start,
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier.fillMaxWidth()
) {
Image(
imageVector = icon,
contentDescription = null, // decorative
// colorFilter = ColorFilter.tint(textIconColor),
// alpha = imageAlpha
)
Spacer(Modifier.width(16.dp))
Text(
text = text,
color = MaterialTheme.colors.onSurface,
modifier = Modifier.padding(8.dp),
style = MaterialTheme.typography.body2
)
}
}
}
@Composable
@Preview
fun MainScaffold_Preview() {
NanofluxApp {
MainScaffold {}
MainScaffold({}, {}, {}, {}, {}, {})
}
}