Proper drawer styling
This commit is contained in:
		
							parent
							
								
									064a9d3f31
								
							
						
					
					
						commit
						7c09aac5b3
					
				
					 1 changed files with 52 additions and 35 deletions
				
			
		|  | @ -12,9 +12,13 @@ import androidx.compose.runtime.Composable | |||
| import androidx.compose.ui.Modifier | ||||
| import androidx.compose.ui.graphics.vector.ImageVector | ||||
| import androidx.compose.ui.res.vectorResource | ||||
| import androidx.compose.ui.tooling.preview.Preview | ||||
| import androidx.compose.ui.unit.dp | ||||
| import androidx.hilt.navigation.compose.hiltViewModel | ||||
| import androidx.lifecycle.viewmodel.compose.viewModel | ||||
| import be.ugent.sel.studeez.R | ||||
| import be.ugent.sel.studeez.resources | ||||
| import be.ugent.sel.studeez.ui.theme.StudeezTheme | ||||
| 
 | ||||
| 
 | ||||
| @Composable | ||||
|  | @ -22,31 +26,36 @@ fun Drawer( | |||
|     openAndPopUp: (String, String) -> Unit, | ||||
|     viewModel: DrawerViewModel = hiltViewModel() | ||||
| ) { | ||||
| 
 | ||||
|     Column(modifier = Modifier.fillMaxSize()) { | ||||
|         DrawerEntry( | ||||
|             icon = Icons.Default.Home, | ||||
|             text = resources().getString(R.string.home) | ||||
|     Column ( | ||||
|         modifier = Modifier.fillMaxWidth() | ||||
|     ) { | ||||
|         Column ( | ||||
|             modifier = Modifier.fillMaxWidth().weight(1f) | ||||
|         ) { | ||||
|             // TODO Go to home | ||||
|         } | ||||
|         DrawerEntry( | ||||
|             icon = ImageVector.vectorResource(id = R.drawable.ic_timer), | ||||
|             text = resources().getString(R.string.timers) | ||||
|         ) { | ||||
|             viewModel.onTimersClick(openAndPopUp) | ||||
|         } | ||||
|         DrawerEntry( | ||||
|             icon = Icons.Default.Settings, | ||||
|             text = resources().getString(R.string.settings) | ||||
|         ) { | ||||
|             viewModel.onSettingsClick(openAndPopUp) | ||||
|         } | ||||
|         DrawerEntry( | ||||
|             icon = ImageVector.vectorResource(id = R.drawable.ic_logout), | ||||
|             text = resources().getString(R.string.log_out) | ||||
|         ) { | ||||
|             viewModel.onLogoutClick(openAndPopUp) | ||||
|             DrawerEntry( | ||||
|                 icon = Icons.Default.Home, | ||||
|                 text = resources().getString(R.string.home) | ||||
|             ) { | ||||
|                 // TODO Go to home | ||||
|             } | ||||
|             DrawerEntry( | ||||
|                 icon = ImageVector.vectorResource(id = R.drawable.ic_timer), | ||||
|                 text = resources().getString(R.string.timers) | ||||
|             ) { | ||||
|                 viewModel.onTimersClick(openAndPopUp) | ||||
|             } | ||||
|             DrawerEntry( | ||||
|                 icon = Icons.Default.Settings, | ||||
|                 text = resources().getString(R.string.settings) | ||||
|             ) { | ||||
|                 viewModel.onSettingsClick(openAndPopUp) | ||||
|             } | ||||
|             DrawerEntry( | ||||
|                 icon = ImageVector.vectorResource(id = R.drawable.ic_logout), | ||||
|                 text = resources().getString(R.string.log_out) | ||||
|             ) { | ||||
|                 viewModel.onLogoutClick(openAndPopUp) | ||||
|             } | ||||
|         } | ||||
| 
 | ||||
|         DrawerEntry( | ||||
|  | @ -70,21 +79,29 @@ fun DrawerEntry( | |||
|             .clickable(onClick = { onClick() }) | ||||
|             .fillMaxWidth() | ||||
|     ) { | ||||
|         Box(modifier = Modifier.fillMaxWidth(0.25f)) { | ||||
|         Box( | ||||
|             modifier = Modifier | ||||
|                 .padding(vertical = 12.dp) | ||||
|                 .fillMaxWidth(0.15f) | ||||
|         ) { | ||||
|             Icon(imageVector = icon, contentDescription = text) | ||||
|         } | ||||
|         Box(modifier = Modifier.fillMaxWidth(0.75f)) { | ||||
|         Box( | ||||
|             modifier = Modifier | ||||
|                 .padding(vertical = 12.dp) | ||||
|                 .fillMaxWidth(0.85f) | ||||
|         ) { | ||||
|             Text(text = text) | ||||
|         } | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| //@Preview | ||||
| //@Composable | ||||
| //fun DrawerPreview() { | ||||
| //    StudeezTheme { | ||||
| //        Drawer( | ||||
| //            {} | ||||
| //        ) | ||||
| //    } | ||||
| //} | ||||
| @Preview | ||||
| @Composable | ||||
| fun DrawerPreview() { | ||||
|     StudeezTheme { | ||||
|         Drawer( | ||||
|             {a, b -> {}}, hiltViewModel() | ||||
|         ) | ||||
|     } | ||||
| } | ||||
		Reference in a new issue