#52 Complete sidebar without functionality

This commit is contained in:
Tibo De Peuter 2023-04-12 09:34:09 +02:00
parent 01bb858b9d
commit 22b5a27102
2 changed files with 33 additions and 6 deletions

View file

@ -1,8 +1,9 @@
package be.ugent.sel.studeez.common.composable package be.ugent.sel.studeez.common.composable
import androidx.compose.foundation.Image
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.* import androidx.compose.foundation.layout.*
import androidx.compose.material.Button import androidx.compose.material.Divider
import androidx.compose.material.Icon import androidx.compose.material.Icon
import androidx.compose.material.Text import androidx.compose.material.Text
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
@ -10,8 +11,9 @@ import androidx.compose.material.icons.filled.*
import androidx.compose.runtime.Composable import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.res.stringResource
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import be.ugent.sel.studeez.R import be.ugent.sel.studeez.R
import be.ugent.sel.studeez.resources import be.ugent.sel.studeez.resources
import be.ugent.sel.studeez.ui.theme.StudeezTheme import be.ugent.sel.studeez.ui.theme.StudeezTheme
@ -20,11 +22,9 @@ import be.ugent.sel.studeez.ui.theme.StudeezTheme
@Composable @Composable
fun Drawer() { fun Drawer() {
Column(modifier = Modifier.fillMaxSize()) { Column(modifier = Modifier.fillMaxSize()) {
LoggedInUserCard()
// TODO Currently logged in user Divider()
// TODO What kind of user
// TODO Divider
DrawerEntry( DrawerEntry(
icon = Icons.Default.Home, icon = Icons.Default.Home,
@ -81,10 +81,35 @@ fun DrawerEntry(
} }
} }
@Composable
fun LoggedInUserCard() {
Column() {
// TODO Profile picture of current user
Image(
painter = painterResource(id = R.drawable.ic_launcher_background),
contentDescription = stringResource(R.string.profile_picture_description)
)
// TODO Username
Text(text = "Username todo")
// TODO Description of user (normal user or something else?)
Text(text = stringResource(id = R.string.user_description))
}
}
@Preview @Preview
@Composable @Composable
fun DrawerPreview() { fun DrawerPreview() {
StudeezTheme { StudeezTheme {
Drawer() Drawer()
} }
}
@Preview
@Composable
fun LoggedInUserCardPreview() {
StudeezTheme {
LoggedInUserCard()
}
} }

View file

@ -29,6 +29,8 @@
<!-- Drawer / SideMenu --> <!-- Drawer / SideMenu -->
<string name="log_out">Log out</string> <string name="log_out">Log out</string>
<string name="profile_picture_description">Profile Picture</string>
<string name="user_description">Studeez user</string>
<!-- Timers --> <!-- Timers -->
<string name="timers">Timers</string> <string name="timers">Timers</string>