💄 Adds drawer and top bar

frontend/app/src/main/java/dev/svitan/antifed/AuthActivity.kt

@@ -8,19 +8,23 @@ import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import dev.svitan.antifed.ui.theme.AntiFedTheme
 
+@OptIn(ExperimentalMaterial3Api::class)
 class AuthActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         enableEdgeToEdge()
         setContent {
             AntiFedTheme {
-                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+                Scaffold(
+                    modifier = Modifier.fillMaxSize()
+                ) { innerPadding ->
                     Column(
                         horizontalAlignment = Alignment.CenterHorizontally,
                         verticalArrangement = Arrangement.Center,

frontend/app/src/main/java/dev/svitan/antifed/MainActivity.kt

@@ -7,18 +7,42 @@ import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Info
+import androidx.compose.material.icons.filled.Menu
+import androidx.compose.material.icons.filled.Settings
 import androidx.compose.material3.Button
+import androidx.compose.material3.DrawerValue
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.ModalDrawerSheet
+import androidx.compose.material3.ModalNavigationDrawer
+import androidx.compose.material3.NavigationDrawerItem
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.material3.rememberDrawerState
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
 import dev.svitan.antifed.ui.theme.AntiFedTheme
+import kotlinx.coroutines.launch
 
+@OptIn(ExperimentalMaterial3Api::class)
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
@@ -26,8 +50,107 @@ class MainActivity : ComponentActivity() {
         setContent {
             AntiFedTheme {
                 val context = LocalContext.current
+                val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed)
+                val scope = rememberCoroutineScope()
 
-                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+                ModalNavigationDrawer(
+                    drawerState = drawerState,
+                    drawerContent = {
+                        ModalDrawerSheet {
+                            Column(
+                                modifier = Modifier
+                                    .padding(horizontal = 16.dp)
+                                    .verticalScroll(rememberScrollState())
+                            ) {
+                                Spacer(modifier = Modifier.height(24.dp))
+                                Text(
+                                    "Drawer Title",
+                                    modifier = Modifier.padding(16.dp),
+                                    style = MaterialTheme.typography.titleLarge
+                                )
+                                HorizontalDivider()
+
+                                Text(
+                                    "Section 1",
+                                    modifier = Modifier.padding(16.dp),
+                                    style = MaterialTheme.typography.titleMedium
+                                )
+                                NavigationDrawerItem(
+                                    label = { Text("Item 1") },
+                                    selected = false,
+                                    onClick = { /* Handle click */ }
+                                )
+                                NavigationDrawerItem(
+                                    label = { Text("Item 2") },
+                                    selected = false,
+                                    onClick = { /* Handle click */ }
+                                )
+
+                                HorizontalDivider(modifier = Modifier.padding(vertical = 8.dp))
+
+                                Text(
+                                    "Section 2",
+                                    modifier = Modifier.padding(16.dp),
+                                    style = MaterialTheme.typography.titleMedium
+                                )
+                                NavigationDrawerItem(
+                                    label = { Text("Settings") },
+                                    selected = false,
+                                    icon = {
+                                        Icon(
+                                            Icons.Filled.Settings,
+                                            contentDescription = null
+                                        )
+                                    },
+                                    badge = { Text("20") }, // Placeholder
+                                    onClick = { /* Handle click */ }
+                                )
+                                NavigationDrawerItem(
+                                    label = { Text("Help and feedback") },
+                                    selected = false,
+                                    icon = {
+                                        Icon(
+                                            Icons.Filled.Info,
+                                            contentDescription = null
+                                        )
+                                    },
+                                    onClick = { /* Handle click */ },
+                                )
+                                Spacer(modifier = Modifier.height(12.dp))
+                            }
+                        }
+                    },
+                ) {
+                    Scaffold(
+                        topBar = {
+                            TopAppBar(
+                                colors = TopAppBarDefaults.topAppBarColors(
+                                    containerColor = MaterialTheme.colorScheme.primaryContainer,
+                                    titleContentColor = MaterialTheme.colorScheme.primary
+                                ),
+                                title = {
+                                    Text("AntiFed")
+                                },
+                                navigationIcon = {
+                                    IconButton(onClick = {
+                                        scope.launch {
+                                            if (drawerState.isClosed) {
+                                                drawerState.open()
+                                            } else {
+                                                drawerState.close()
+                                            }
+                                        }
+                                    }) {
+                                        Icon(
+                                            imageVector = Icons.Filled.Menu,
+                                            contentDescription = "Show menu"
+                                        )
+                                    }
+                                }
+                            )
+                        },
+                        modifier = Modifier.fillMaxSize()
+                    ) { innerPadding ->
                         Column(
                             horizontalAlignment = Alignment.CenterHorizontally,
                             verticalArrangement = Arrangement.Center,
@@ -48,6 +171,7 @@ class MainActivity : ComponentActivity() {
             }
         }
     }
+}
 
 @Composable
 fun Greeting(name: String, modifier: Modifier = Modifier) {