Use OudsSwitch instead of Switch in demo app

Author: florentmaitre

app/src/main/java/com/orange/ouds/app/ui/utilities/composable/CustomizationElements.kt

@@ -12,8 +12,10 @@
 
 package com.orange.ouds.app.ui.utilities.composable
 
+import androidx.compose.foundation.LocalIndication
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
@@ -28,13 +30,14 @@ import androidx.compose.material3.FilterChip
 import androidx.compose.material3.FilterChipDefaults
 import androidx.compose.material3.Icon
 import androidx.compose.material3.ListItem
-import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.TextStyle
 import com.orange.ouds.app.ui.utilities.listItemHorizontalPadding
+import com.orange.ouds.core.component.OudsSwitch
 import com.orange.ouds.core.theme.OudsTheme
 
 private val labelTextStyle: TextStyle
@@ -43,13 +46,27 @@ private val labelTextStyle: TextStyle
 
 @Composable
 fun CustomizationSwitchListItem(label: String, checked: Boolean, onCheckedChange: (Boolean) -> Unit, enabled: Boolean = true) {
+    val interactionSource = remember { MutableInteractionSource() }
     ListItem(
         modifier = Modifier
             .fillMaxWidth()
-            .clickable(enabled = enabled) { onCheckedChange(!checked) }
+            .clickable(
+                interactionSource = interactionSource,
+                indication = LocalIndication.current,
+                enabled = enabled
+            ) {
+                onCheckedChange(!checked)
+            }
             .listItemHorizontalPadding(),
         headlineContent = { Text(text = label, style = labelTextStyle) },
-        trailingContent = { Switch(checked = checked, onCheckedChange = null, enabled = enabled) }
+        trailingContent = {
+            OudsSwitch(
+                checked = checked,
+                onCheckedChange = null,
+                enabled = enabled,
+                interactionSource = interactionSource
+            )
+        }
     )
 }