Issue #17: Implement Minimal mode in the UI

AmrDeveloper · AmrDeveloper · commit ae65efeab973 · 2026-01-25T16:01:49.000+01:00
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/components/Folders.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/components/Folders.kt
@@ -41,6 +41,7 @@ fun FolderList(
     viewKind: FolderViewKind,
     onClick: (Folder) -> Unit = {},
     onLongClick: (Folder) -> Unit = {},
+    minimalModeEnabled: Boolean = false,
     folderItemPadding: Dp = 4.dp
 ) {
     when (viewKind) {
@@ -51,6 +52,7 @@ fun FolderList(
                         folder = folder,
                         onClick = onClick,
                         onLongClick = onLongClick,
+                        minimalModeEnabled = minimalModeEnabled,
                         modifier = Modifier
                             .fillMaxWidth()
                             .padding(folderItemPadding)
@@ -66,6 +68,7 @@ fun FolderList(
                         folder = folder,
                         onClick = onClick,
                         onLongClick = onLongClick,
+                        minimalModeEnabled = minimalModeEnabled,
                         modifier = Modifier
                             .fillMaxWidth()
                             .padding(folderItemPadding)
@@ -81,6 +84,7 @@ fun FolderItem(
     folder: Folder,
     onClick: (Folder) -> Unit = {},
     onLongClick: (Folder) -> Unit = {},
+    minimalModeEnabled: Boolean = false,
     folderItemElevation: Dp = 4.dp,
     folderItemPadding: Dp = 8.dp,
     modifier: Modifier = Modifier,
@@ -103,13 +107,15 @@ fun FolderItem(
                 ),
             verticalAlignment = Alignment.CenterVertically
         ) {
-            Icon(
-                painter = painterResource(id = folder.folderColor.drawableId),
-                contentDescription = "Folder Icon",
-                tint = Color.Unspecified
-            )
+            if (minimalModeEnabled.not()) {
+                Icon(
+                    painter = painterResource(id = folder.folderColor.drawableId),
+                    contentDescription = "Folder Icon",
+                    tint = Color.Unspecified
+                )
 
-            Spacer(modifier = Modifier.width(8.dp))
+                Spacer(modifier = Modifier.width(8.dp))
+            }
 
             Text(
                 folder.name,
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/components/Links.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/components/Links.kt
@@ -36,6 +36,7 @@ fun LinkList(
     onClick: (Link) -> Unit = {},
     onLongClick: (Link) -> Unit = {},
     showClickCount: Boolean = false,
+    minimalModeEnabled: Boolean = false,
     linkItemPadding: Dp = 4.dp
 ) {
     LazyColumn {
@@ -45,6 +46,7 @@ fun LinkList(
                 onClick = onClick,
                 onLongClick = onLongClick,
                 showClickCount = showClickCount,
+                minimalModeEnabled = minimalModeEnabled,
                 modifier = Modifier
                     .fillMaxWidth()
                     .padding(linkItemPadding)
@@ -58,6 +60,7 @@ fun LinkItem(
     link: Link,
     onClick: (Link) -> Unit = {},
     onLongClick: (Link) -> Unit = {},
+    minimalModeEnabled: Boolean = false,
     showClickCount: Boolean = false,
     modifier: Modifier = Modifier
 ) {
@@ -78,13 +81,15 @@ fun LinkItem(
                     }
                 ), verticalAlignment = Alignment.CenterVertically
         ) {
-            Icon(
-                painter = painterResource(id = findPlatformDomainIcon(link.url)),
-                contentDescription = "Link Icon",
-                tint = Color.Unspecified
-            )
+            if (minimalModeEnabled.not()) {
+                Icon(
+                    painter = painterResource(id = findPlatformDomainIcon(link.url)),
+                    contentDescription = "Link Icon",
+                    tint = Color.Unspecified
+                )
 
-            Spacer(modifier = Modifier.width(8.dp))
+                Spacer(modifier = Modifier.width(8.dp))
+            }
 
             Column(
                 modifier = Modifier
@@ -128,21 +133,24 @@ fun LinkItem(
 
                 if (showClickCount) {
                     Row(verticalAlignment = Alignment.CenterVertically) {
+                        val suffix = if (minimalModeEnabled) "x" else ""
                         Text(
-                            "${link.clickedCount}",
+                            "${link.clickedCount}${suffix}",
                             textAlign = TextAlign.Center,
                             style = MaterialTheme.typography.labelSmall
                         )
 
-                        Spacer(modifier = Modifier.width(5.dp))
-                        Icon(
-                            painter = painterResource(id = R.drawable.ic_click),
-                            contentDescription = "Link count",
-                            tint = Color.Unspecified,
-                            modifier = Modifier
-                                .size(20.dp)
-                                .padding(2.dp)
-                        )
+                        if (minimalModeEnabled.not()) {
+                            Spacer(modifier = Modifier.width(5.dp))
+                            Icon(
+                                painter = painterResource(id = R.drawable.ic_click),
+                                contentDescription = "Link count",
+                                tint = Color.Unspecified,
+                                modifier = Modifier
+                                    .size(20.dp)
+                                    .padding(2.dp)
+                            )
+                        }
                     }
                 }
             }
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/explorer/ExplorerScreen.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/explorer/ExplorerScreen.kt
@@ -87,7 +87,8 @@ fun ExplorerScreen(
                         R.id.folderFragment,
                         bundle
                     )
-                }
+                },
+                minimalModeEnabled = uiPreferences.isMinimalModeEnabled()
             )
 
             LinkList(
@@ -104,7 +105,8 @@ fun ExplorerScreen(
                         bundle
                     )
                 },
-                showClickCount = uiPreferences.isClickCounterEnabled()
+                showClickCount = uiPreferences.isClickCounterEnabled(),
+                minimalModeEnabled = uiPreferences.isMinimalModeEnabled()
             )
 
             if (showLinkActionsDialog) {
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/folders/FoldersScreen.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/folders/FoldersScreen.kt
@@ -93,7 +93,8 @@ fun FoldersScreen(
                         R.id.folderFragment,
                         bundle
                     )
-                }
+                },
+                minimalModeEnabled = uiPreferences.isMinimalModeEnabled()
             )
         }
 
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/home/HomeScreen.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/home/HomeScreen.kt
@@ -77,7 +77,8 @@ fun HomeScreen(
                     onLongClick = { folder ->
                         val bundle = bundleOf("folder" to folder)
                         navController.navigate(R.id.folderFragment, bundle)
-                    }
+                    },
+                    minimalModeEnabled = uiPreferences.isMinimalModeEnabled()
                 )
 
                 Row(
@@ -128,7 +129,8 @@ fun HomeScreen(
                         val bundle = bundleOf("link" to link)
                         navController.navigate(R.id.linkFragment, bundle)
                     },
-                    showClickCount = uiPreferences.isClickCounterEnabled()
+                    showClickCount = uiPreferences.isClickCounterEnabled(),
+                    minimalModeEnabled = uiPreferences.isMinimalModeEnabled()
                 )
             }
 
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/search/SearchScreen.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/search/SearchScreen.kt
@@ -153,6 +153,7 @@ fun SearchScreen(
                                     bundle
                                 )
                             },
+                            minimalModeEnabled = uiPreferences.isMinimalModeEnabled(),
                             modifier = Modifier
                                 .fillMaxWidth()
                                 .padding(4.dp)
@@ -174,6 +175,7 @@ fun SearchScreen(
                                 navController.navigate(R.id.linkFragment, bundle)
                             },
                             showClickCount = uiPreferences.isClickCounterEnabled(),
+                            minimalModeEnabled = uiPreferences.isMinimalModeEnabled(),
                             modifier = Modifier
                                 .fillMaxWidth()
                                 .padding(4.dp)
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/ui/setting/SettingsScreen.kt b/app/src/main/java/com/amrdeveloper/linkhub/ui/setting/SettingsScreen.kt
@@ -96,6 +96,15 @@ fun SettingsScreen(
             }
         )
 
+        SwitchSettingOption(
+            text = "Minimal mode",
+            icon = R.drawable.ic_eye,
+            isChecked = uiPreferences.isMinimalModeEnabled(),
+            onCheckedChange = { isEnabled ->
+                uiPreferences.setMinimalModeEnabled(isEnabled)
+            }
+        )
+
         DropdownSettingOption(
             text = "Font family",
             icon = R.drawable.ic_font,
diff --git a/app/src/main/java/com/amrdeveloper/linkhub/util/UiPreferences.kt b/app/src/main/java/com/amrdeveloper/linkhub/util/UiPreferences.kt
@@ -7,6 +7,7 @@ import com.amrdeveloper.linkhub.data.Theme
 private const val UI_PREFERENCE_NAME = "linkhub_settings"
 private const val UI_THEME_KEY = "theme"
 private const val UI_FONT_FAMILY_KEY = "font_family"
+private const val UI_MINIMAL_MODE_KEY = "minimal_mode"
 private const val UI_COUNTER_KEY = "counter"
 private const val UI_AUTO_SAVE_KEY = "auto_save"
 private const val UI_DEFAULT_FOLDER_KEY = "default_folder_mode"
@@ -40,6 +41,12 @@ class UiPreferences(private val context: Context) {
         }
     }
 
+    fun setMinimalModeEnabled(enable: Boolean) {
+        context.getSharedPreferences(UI_PREFERENCE_NAME, Context.MODE_PRIVATE).edit {
+            putBoolean(UI_MINIMAL_MODE_KEY, enable)
+        }
+    }
+
     fun setDefaultFolderId(folderId: Int) {
         context.getSharedPreferences(UI_PREFERENCE_NAME, Context.MODE_PRIVATE).edit {
             putInt(DEFAULT_FOLDER_NAME, folderId)
@@ -91,6 +98,11 @@ class UiPreferences(private val context: Context) {
         return preferences.getBoolean(UI_DEFAULT_FOLDER_KEY, false)
     }
 
+    fun isMinimalModeEnabled(): Boolean {
+        val preferences = context.getSharedPreferences(UI_PREFERENCE_NAME, Context.MODE_PRIVATE)
+        return preferences.getBoolean(UI_MINIMAL_MODE_KEY, false)
+    }
+
     fun getDefaultFolderId(): Int {
         val preferences = context.getSharedPreferences(UI_PREFERENCE_NAME, Context.MODE_PRIVATE)
         return preferences.getInt(DEFAULT_FOLDER_NAME, -1)
diff --git a/app/src/main/res/drawable/ic_eye.xml b/app/src/main/res/drawable/ic_eye.xml
@@ -0,0 +1,7 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="25dp" android:viewportHeight="6.35" android:viewportWidth="6.35" android:width="25dp">
+      
+    <path android:fillColor="#039BE5" android:fillType="nonZero" android:pathData="m3.1758,1.3223c-1.6529,0 -2.8594,1.6953 -2.8594,1.6953a0.2646,0.2646 0,0 0,0 0.3164c0,0 1.2065,1.6934 2.8594,1.6934 1.6529,0 2.8574,-1.6934 2.8574,-1.6934a0.2646,0.2646 0,0 0,0 -0.3164c0,0 -1.2045,-1.6953 -2.8574,-1.6953zM3.1758,1.8516c1.1343,0 2.0644,1.0722 2.2754,1.3242 -0.2112,0.2523 -1.1413,1.3223 -2.2754,1.3223 -1.134,0 -2.064,-1.0698 -2.2754,-1.3223C1.1116,2.9235 2.0416,1.8516 3.1758,1.8516Z" android:strokeColor="#00000000" android:strokeLineCap="round" android:strokeLineJoin="round" android:strokeWidth="0.52916664"/>
+      
+    <path android:fillColor="#03DAC5" android:fillType="nonZero" android:pathData="m3.1758,2.1172c-0.5814,0 -1.0586,0.4772 -1.0586,1.0586 0,0.5814 0.4772,1.0566 1.0586,1.0566 0.5814,0 1.0566,-0.4753 1.0566,-1.0566 0,-0.5814 -0.4753,-1.0586 -1.0566,-1.0586zM3.1758,2.6465c0.2954,0 0.5293,0.2339 0.5293,0.5293 0,0.2954 -0.2339,0.5293 -0.5293,0.5293 -0.2954,0 -0.5293,-0.2339 -0.5293,-0.5293 0,-0.2954 0.2339,-0.5293 0.5293,-0.5293z" android:strokeColor="#00000000" android:strokeLineCap="round" android:strokeLineJoin="round" android:strokeWidth="0.52916664"/>
+    
+</vector>

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,8 @@ fun ExplorerScreen(`
`87`	`87`	`R.id.folderFragment,`
`88`	`88`	`bundle`
`89`	`89`	`)`
`90`		`- }`
	`90`	`+ },`
	`91`	`+ minimalModeEnabled = uiPreferences.isMinimalModeEnabled()`
`91`	`92`	`)`
`92`	`93`
`93`	`94`	`LinkList(`
`@@ -104,7 +105,8 @@ fun ExplorerScreen(`
`104`	`105`	`bundle`
`105`	`106`	`)`
`106`	`107`	`},`
`107`		`- showClickCount = uiPreferences.isClickCounterEnabled()`
	`108`	`+ showClickCount = uiPreferences.isClickCounterEnabled(),`
	`109`	`+ minimalModeEnabled = uiPreferences.isMinimalModeEnabled()`
`108`	`110`	`)`
`109`	`111`
`110`	`112`	`if (showLinkActionsDialog) {`
Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,8 @@ fun FoldersScreen(`
`93`	`93`	`R.id.folderFragment,`
`94`	`94`	`bundle`
`95`	`95`	`)`
`96`		`- }`
	`96`	`+ },`
	`97`	`+ minimalModeEnabled = uiPreferences.isMinimalModeEnabled()`
`97`	`98`	`)`
`98`	`99`	`}`
`99`	`100`
Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,8 @@ fun HomeScreen(`
`77`	`77`	`onLongClick = { folder ->`
`78`	`78`	`val bundle = bundleOf("folder" to folder)`
`79`	`79`	`navController.navigate(R.id.folderFragment, bundle)`
`80`		`- }`
	`80`	`+ },`
	`81`	`+ minimalModeEnabled = uiPreferences.isMinimalModeEnabled()`
`81`	`82`	`)`
`82`	`83`
`83`	`84`	`Row(`
`@@ -128,7 +129,8 @@ fun HomeScreen(`
`128`	`129`	`val bundle = bundleOf("link" to link)`
`129`	`130`	`navController.navigate(R.id.linkFragment, bundle)`
`130`	`131`	`},`
`131`		`- showClickCount = uiPreferences.isClickCounterEnabled()`
	`132`	`+ showClickCount = uiPreferences.isClickCounterEnabled(),`
	`133`	`+ minimalModeEnabled = uiPreferences.isMinimalModeEnabled()`
`132`	`134`	`)`
`133`	`135`	`}`
`134`	`136`