rajoue de la bottomAppBar

What_The_Fantasy/app/src/main/java/com/example/what_the_fantasy/ui/components/NavBar.kt

@@ -11,15 +11,18 @@ import androidx.compose.foundation.layout.fillMaxHeight
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.rounded.*
+import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.Button
 import androidx.compose.material3.ButtonDefaults
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
 import androidx.compose.material3.IconButtonColors
 import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -54,6 +57,7 @@ fun NavBar(onProfile : Boolean = false ,
             modifier = Modifier
                 .fillMaxWidth()
                 .height(70.dp)
+                .padding(5.dp)
                 .background(colorNavBar),
             Arrangement.SpaceBetween,
             verticalAlignment = Alignment.Bottom
@@ -75,7 +79,7 @@ fun NavBar(onProfile : Boolean = false ,
         Box(modifier = Modifier.background(Color.Black).fillMaxHeight(0.92f)){
             content()
         }
-
+        BottomAppBar (modifier = Modifier.fillMaxSize(),) {
             Row(modifier = Modifier
                 .background(colorNavBar)
                 .fillMaxSize(),
@@ -91,6 +95,7 @@ fun NavBar(onProfile : Boolean = false ,
 
             }
         }
+    }
 }
 
 @Composable