[gallery] support disable font icon for testing gallery vector icon.

Author: Sanlorng

gallery/src/commonMain/kotlin/com/konyaco/fluent/gallery/GalleryTheme.kt

@@ -6,20 +6,24 @@ import androidx.compose.runtime.*
 import androidx.compose.ui.Modifier
 import com.konyaco.fluent.*
 import com.konyaco.fluent.background.Mica
+import com.konyaco.fluent.gallery.component.LocalFontIconFontFamily
 import com.konyaco.fluent.gallery.component.ProvideFontIcon
 
 val LocalStore = compositionLocalOf<Store> { error("Not provided") }
 
 class Store(
     systemDarkMode: Boolean,
     enabledAcrylicPopup: Boolean,
-    compactMode: Boolean
+    compactMode: Boolean,
+    fontIconEnabled: Boolean
 ) {
     var darkMode by mutableStateOf(systemDarkMode)
 
     var enabledAcrylicPopup by mutableStateOf(enabledAcrylicPopup)
 
     var compactMode by mutableStateOf(compactMode)
+
+    var fontIconEnabled by mutableStateOf(fontIconEnabled)
 }
 
 @OptIn(ExperimentalFluentApi::class)
@@ -34,7 +38,8 @@ fun GalleryTheme(
         Store(
             systemDarkMode = systemDarkMode,
             enabledAcrylicPopup = true,
-            compactMode = true
+            compactMode = true,
+            fontIconEnabled = true
         )
     }
 
@@ -44,7 +49,7 @@ fun GalleryTheme(
     CompositionLocalProvider(
         LocalStore provides store
     ) {
-        ProvideFontIcon {
+        ProvideFontIcon(store.fontIconEnabled) {
             FluentTheme(
                 colors = if (store.darkMode) darkColors() else lightColors(),
                 useAcrylicPopup = store.enabledAcrylicPopup,
@@ -63,4 +68,14 @@ fun GalleryTheme(
             }
         }
     }
+}
+
+@Composable
+private fun ProvideFontIcon(enabled: Boolean, content: @Composable () -> Unit) {
+    ProvideFontIcon {
+        CompositionLocalProvider(
+            LocalFontIconFontFamily provides if (enabled) LocalFontIconFontFamily.current else null,
+            content = content
+        )
+    }
 }

gallery/src/commonMain/kotlin/com/konyaco/fluent/gallery/component/FontIcon.kt

@@ -68,5 +68,4 @@ internal expect fun ProvideFontIcon(
     content: @Composable () -> Unit
 )
 
-internal val LocalFontIconFontFamily =
-    staticCompositionLocalOf<FontFamily?> { error("No Font provide for load font icon") }
+internal val LocalFontIconFontFamily = staticCompositionLocalOf<FontFamily?> { null }

gallery/src/commonMain/kotlin/com/konyaco/fluent/gallery/screen/settings/SettingsScreen.kt

@@ -89,7 +89,9 @@ fun SettingsScreen() {
             acrylicPopupEnabled = store.enabledAcrylicPopup,
             onAcrylicPopupChange = { store.enabledAcrylicPopup = it },
             compactModeEnabled = store.compactMode,
-            onCompactModeChange = { store.compactMode = it }
+            onCompactModeChange = { store.compactMode = it },
+            fontIconEnabled = store.fontIconEnabled,
+            onFontIconEnabledChanged = { store.fontIconEnabled = it }
         )
 
         CompositionLocalProvider(LocalDensity provides Density(scale)) {
@@ -259,7 +261,9 @@ private fun Controller(
     acrylicPopupEnabled: Boolean,
     onAcrylicPopupChange: (Boolean) -> Unit,
     compactModeEnabled: Boolean,
-    onCompactModeChange: (Boolean) -> Unit
+    onCompactModeChange: (Boolean) -> Unit,
+    fontIconEnabled: Boolean,
+    onFontIconEnabledChanged: (Boolean) -> Unit,
 ) {
     Row(
         verticalAlignment = Alignment.CenterVertically,
@@ -271,6 +275,7 @@ private fun Controller(
         Switcher(darkMode, text = "Dark Mode", onCheckStateChange = { onDarkModeChange(it) })
         Switcher(acrylicPopupEnabled, text = "Acrylic Popup", onCheckStateChange = { onAcrylicPopupChange(it) })
         Switcher(compactModeEnabled, text = "Compact Mode", onCheckStateChange = { onCompactModeChange(it) })
+        Switcher(fontIconEnabled, text = "Font Icon", onCheckStateChange = { onFontIconEnabledChanged(it) })
     }
     Slider(
         modifier = Modifier.width(200.dp),