Make the icons show and make some other minor improvements

ShreckYe · ShreckYe · commit 49ce553cd840 · 2022-12-07T17:17:44.000+08:00
A bug that `NavButton` is called redundantly in `TopAppBarScaffold` in `jsMain` is fixed.
diff --git a/compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Components.kt b/compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Components.kt
@@ -72,7 +72,7 @@ actual fun TopAppBarScaffold(
         TopAppBar {
             Row {
                 Section(align = MDCTopAppBarSectionAlign.Start) {
-                    navigationIcon?.let { NavButton { NavigationIconScope(this@Section).it() } }
+                    navigationIcon?.let { NavigationIconScope(this@Section).it() }
                     Title { title() }
                 }
                 Section(
diff --git a/demo/src/commonMain/kotlin/com/huanshankeji/compose/material/demo/Composables.kt b/demo/src/commonMain/kotlin/com/huanshankeji/compose/material/demo/Composables.kt
@@ -9,7 +9,7 @@ import com.huanshankeji.compose.material.icon.MaterialIcons
 @Composable
 fun App() {
     TopAppBarScaffold({
-        Text("Demo")
+        Text("Compose Multiplatform Material demo")
     }, {
         MaterialIconNavButton({}, MaterialIcons.Menu)
     }, {
diff --git a/demo/src/jsMain/resources/index.html b/demo/src/jsMain/resources/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta charset="UTF-8">
     <title>Compose Multiplatform Material demo</title>
+    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
 </head>
 
 <body>

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ actual fun TopAppBarScaffold(`
`72`	`72`	`TopAppBar {`
`73`	`73`	`Row {`
`74`	`74`	`Section(align = MDCTopAppBarSectionAlign.Start) {`
`75`		`- navigationIcon?.let { NavButton { NavigationIconScope(this@Section).it() } }`
	`75`	`+ navigationIcon?.let { NavigationIconScope(this@Section).it() }`
`76`	`76`	`Title { title() }`
`77`	`77`	`}`
`78`	`78`	`Section(`