diff --git a/core/design-system/src/main/res/drawable/join_waiting.xml b/core/design-system/src/main/res/drawable/join_waiting.xml index 02fad7aa..978fc80c 100644 --- a/core/design-system/src/main/res/drawable/join_waiting.xml +++ b/core/design-system/src/main/res/drawable/join_waiting.xml @@ -1,13 +1,10 @@ + android:width="26dp" + android:height="24dp" + android:viewportWidth="26" + android:viewportHeight="24"> - {} + Authority.ROLE_TEACHER -> { + JoinWaitingButton( + modifier = modifier.padding(bottom = 96.dp, end = 16.dp), + onClick = { openDialog = true }, + ) + } + } } Box( modifier = Modifier.align(alignment = Alignment.BottomCenter), diff --git a/feature/main/src/main/java/com/stackknowledge/main/component/JoinWaitigButton.kt b/feature/main/src/main/java/com/stackknowledge/main/component/JoinWaitigButton.kt index f5d4bece..54362c88 100644 --- a/feature/main/src/main/java/com/stackknowledge/main/component/JoinWaitigButton.kt +++ b/feature/main/src/main/java/com/stackknowledge/main/component/JoinWaitigButton.kt @@ -1,30 +1,41 @@ package com.stackknowledge.main.component import androidx.compose.foundation.Image +import androidx.compose.foundation.background import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.width +import androidx.compose.foundation.shape.CircleShape +import androidx.compose.material3.FloatingActionButton +import androidx.compose.material3.Icon import androidx.compose.runtime.Composable import androidx.compose.ui.Modifier +import androidx.compose.ui.graphics.Color import androidx.compose.ui.res.painterResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import com.stackknowledge.design_system.R +import com.stackknowledge.design_system.theme.StackKnowledgeAndroidTheme @Composable fun JoinWaitingButton( modifier: Modifier = Modifier, onClick: () -> Unit, ) { - Image( - painter = painterResource(R.drawable.join_waiting), - contentDescription = "Join Waiting Button", - modifier = modifier - .width(60.dp) - .height(60.dp) - .clickable(onClick = onClick) - ) - + StackKnowledgeAndroidTheme { colors, _ -> + FloatingActionButton( + modifier = modifier, + onClick = onClick, + shape = CircleShape, + containerColor = colors.P1, + ) { + Icon( + painter = painterResource(id = R.drawable.join_waiting), + contentDescription = "Join Waiting Button", + tint = Color.Unspecified + ) + } + } } @Preview