header for mobile (#494)

leandroBorgesFerreira · Leandro Ferreira · web-flow · commit 7741d1527fe0 · 2025-08-04T14:11:39.000+02:00
Co-authored-by: Leandro Ferreira &lt;email@email.com&gt;
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
@@ -17,7 +17,7 @@ ktx = "1.16.0"
 material = "1.12.0"
 platformtools = "0.4.0"
 room = "2.7.2"
-agp = "8.11.1"
+agp = "8.12.0"
 kotlin = "2.2.0"
 composeTest = "1.8.3"
 webWorkerDriver = "2.1.0"
diff --git a/writeopia_ui/src/commonMain/kotlin/io/writeopia/ui/drawer/content/HeaderDrawer.kt b/writeopia_ui/src/commonMain/kotlin/io/writeopia/ui/drawer/content/HeaderDrawer.kt
@@ -43,6 +43,7 @@ import io.writeopia.sdk.models.story.StoryTypes
 import io.writeopia.ui.drawer.SimpleTextDrawer
 import io.writeopia.ui.drawer.StoryStepDrawer
 import io.writeopia.ui.drawer.factory.EndOfText
+import io.writeopia.ui.icons.WrSdkIcons
 import io.writeopia.ui.manager.WriteopiaStateManager
 import io.writeopia.ui.model.DrawConfig
 import io.writeopia.ui.model.DrawInfo
@@ -60,6 +61,7 @@ import writeopia.writeopia_ui.generated.resources.title
  */
 class HeaderDrawer(
     private val modifier: Modifier = Modifier,
+    private val forceEditorButtonAppear: Boolean = false,
     private val headerClick: () -> Unit = {},
     private val textDrawer: () -> SimpleTextDrawer,
 //    private val multipleSelection: (Int) -> Unit,
@@ -145,14 +147,14 @@ class HeaderDrawer(
             }
 
             AnimatedVisibility(
-                isHovered,
+                isHovered || forceEditorButtonAppear,
                 enter = fadeIn(),
                 exit = fadeOut(),
                 modifier = Modifier
                     .padding(6.dp)
                     .align(Alignment.TopEnd),
             ) {
-                Text(
+                Icon(
                     modifier = Modifier
                         .padding(6.dp)
                         .clip(MaterialTheme.shapes.medium)
@@ -161,11 +163,11 @@ class HeaderDrawer(
                             MaterialTheme.colorScheme.surfaceVariant,
                             MaterialTheme.shapes.medium
                         )
-                        .padding(6.dp),
-                    text = "Edit header",
-                    color = MaterialTheme.colorScheme.onBackground,
-                    style = MaterialTheme.typography.bodySmall,
-                    fontWeight = FontWeight.Bold
+                        .padding(8.dp)
+                        .size(16.dp),
+                    imageVector = WrSdkIcons.edit,
+                    contentDescription = "Edit header",
+                    tint = MaterialTheme.colorScheme.onBackground
                 )
             }
         }
@@ -182,7 +184,8 @@ fun headerDrawer(
     drawConfig: DrawConfig,
     enabled: Boolean = true,
     isDarkTheme: Boolean,
-    fontFamily: FontFamily? = null
+    fontFamily: FontFamily? = null,
+    forceEditorButtonAppear: Boolean = false,
 ): StoryStepDrawer =
     HeaderDrawer(
         modifier = modifier,
@@ -198,10 +201,11 @@ fun headerDrawer(
                 textStyle = { drawConfig.titleStyle(fontFamily) },
                 selectionState = selectionState,
                 onSelectionLister = {},
-                aiExplanation = ""
+                aiExplanation = "",
             )
         },
         headerClick = headerClick,
+        forceEditorButtonAppear = forceEditorButtonAppear,
         placeHolderStyle = { drawConfig.titlePlaceHolderStyle(fontFamily) }
     )
 
diff --git a/writeopia_ui/src/commonMain/kotlin/io/writeopia/ui/drawer/factory/CommonDrawers.kt b/writeopia_ui/src/commonMain/kotlin/io/writeopia/ui/drawer/factory/CommonDrawers.kt
@@ -223,6 +223,7 @@ object CommonDrawers {
             drawConfig = drawConfig,
             fontFamily = fontFamily,
             isDarkTheme = isDarkTheme,
+            forceEditorButtonAppear = !isDesktop
         )
 
         val imageDrawer = ImageDrawer(

Original file line number	Diff line number	Diff line change
`@@ -223,6 +223,7 @@ object CommonDrawers {`
`223`	`223`	`drawConfig = drawConfig,`
`224`	`224`	`fontFamily = fontFamily,`
`225`	`225`	`isDarkTheme = isDarkTheme,`
	`226`	`+ forceEditorButtonAppear = !isDesktop`
`226`	`227`	`)`
`227`	`228`
`228`	`229`	`val imageDrawer = ImageDrawer(`