Migrated the LocalFileTransferFragment to Jetpack Compose.

* Created the `LocalFileTransferScreen` composable to match the original XML-based design.

app/src/main/java/org/kiwix/kiwixmobile/localFileTransfer/LocalFileTransferScreen.kt

@@ -0,0 +1,303 @@
+/*
+ * Kiwix Android
+ * Copyright (c) 2025 Kiwix <android.kiwix.org>
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+package org.kiwix.kiwixmobile.localFileTransfer
+
+import android.net.wifi.p2p.WifiP2pDevice
+import androidx.annotation.StringRes
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.defaultMinSize
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Search
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.minimumInteractiveComponentSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import org.kiwix.kiwixmobile.R.drawable
+import org.kiwix.kiwixmobile.core.R
+import org.kiwix.kiwixmobile.core.main.DELETE_MENU_BUTTON_TESTING_TAG
+import org.kiwix.kiwixmobile.core.ui.components.ContentLoadingProgressBar
+import org.kiwix.kiwixmobile.core.ui.components.KiwixAppBar
+import org.kiwix.kiwixmobile.core.ui.components.NavigationIcon
+import org.kiwix.kiwixmobile.core.ui.models.ActionMenuItem
+import org.kiwix.kiwixmobile.core.ui.models.IconItem
+import org.kiwix.kiwixmobile.core.ui.models.IconItem.Vector
+import org.kiwix.kiwixmobile.core.ui.theme.DodgerBlue
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.FILE_ITEM_ICON_SIZE
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.FILE_ITEM_TEXT_SIZE
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.FIVE_DP
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.NEARBY_DEVICE_LIST_HEIGHT
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.ONE_DP
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.PEER_DEVICE_ITEM_TEXT_SIZE
+import org.kiwix.kiwixmobile.core.utils.ComposeDimens.TEN_DP
+
+@Preview(device = "spec:width=411dp,height=891dp")
+@Composable
+fun Preview() {
+  LocalFileTransferScreen(
+    deviceName = "Google Pixel 7a",
+    toolbarTitle = org.kiwix.kiwixmobile.R.string.receive_files_title,
+    isSearching = false,
+    peerDevices = listOf(WifiP2pDevice().apply { deviceName = "Redmi note 9" }),
+    transferFiles = listOf(
+      FileItem("DemoFile.zim")
+    ),
+    actionMenuItems = listOf(
+      ActionMenuItem(
+        Vector(Icons.Default.Search),
+        R.string.search_label,
+        { },
+        isEnabled = true,
+        testingTag = DELETE_MENU_BUTTON_TESTING_TAG
+      )
+    ),
+    onDeviceItemClick = {},
+    navigationIcon = {
+      NavigationIcon(iconItem = IconItem.Drawable(R.drawable.ic_close_white_24dp), onClick = {})
+    }
+  )
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Suppress("ComposableLambdaParameterNaming", "LongParameterList")
+@Composable
+fun LocalFileTransferScreen(
+  deviceName: String,
+  @StringRes toolbarTitle: Int,
+  isSearching: Boolean,
+  peerDevices: List<WifiP2pDevice>,
+  transferFiles: List<FileItem>,
+  actionMenuItems: List<ActionMenuItem>,
+  onDeviceItemClick: (WifiP2pDevice) -> Unit,
+  navigationIcon: @Composable () -> Unit
+) {
+  Scaffold(
+    topBar = {
+      KiwixAppBar(
+        titleId = toolbarTitle,
+        actionMenuItems = actionMenuItems,
+        navigationIcon = navigationIcon
+      )
+    }
+  ) { padding ->
+    Column(
+      modifier = Modifier
+        .fillMaxSize()
+        .padding(padding)
+        .background(Color.Transparent)
+    ) {
+      YourDeviceHeader(deviceName)
+      HorizontalDivider(
+        color = DodgerBlue,
+        thickness = ONE_DP,
+        modifier = Modifier.padding(horizontal = FIVE_DP)
+      )
+      NearbyDevicesSection(peerDevices, isSearching, onDeviceItemClick)
+      HorizontalDivider(
+        color = DodgerBlue,
+        thickness = ONE_DP,
+        modifier = Modifier
+          .padding(horizontal = FIVE_DP)
+      )
+      TransferFilesSection(transferFiles)
+    }
+  }
+}
+
+@Composable
+fun NearbyDevicesSection(
+  peerDevices: List<WifiP2pDevice>,
+  isSearching: Boolean,
+  onDeviceItemClick: (WifiP2pDevice) -> Unit
+) {
+  Column(
+    modifier = Modifier
+      .fillMaxWidth()
+      .defaultMinSize(minHeight = NEARBY_DEVICE_LIST_HEIGHT)
+  ) {
+    Text(
+      text = stringResource(R.string.nearby_devices),
+      fontSize = 16.sp,
+      fontFamily = FontFamily.Monospace,
+      modifier = Modifier
+        .fillMaxWidth()
+        .padding(top = FIVE_DP)
+        .align(Alignment.CenterHorizontally),
+      textAlign = TextAlign.Center
+    )
+
+    if (isSearching) {
+      ContentLoadingProgressBar(
+        modifier = Modifier
+          .padding(50.dp)
+          .align(Alignment.CenterHorizontally)
+      )
+    }
+
+    if (peerDevices.isEmpty() && !isSearching) {
+      Text(
+        text = stringResource(R.string.no_devices_found),
+        modifier = Modifier
+          .padding(50.dp)
+          .align(Alignment.CenterHorizontally),
+        textAlign = TextAlign.Center
+      )
+    } else {
+      LazyColumn(
+        modifier = Modifier
+          .fillMaxWidth()
+          .defaultMinSize(minHeight = NEARBY_DEVICE_LIST_HEIGHT)
+      ) {
+        items(peerDevices) { device ->
+          PeerDeviceItem(device, onDeviceItemClick)
+        }
+      }
+    }
+  }
+}
+
+@Composable
+private fun TransferFilesSection(transferFiles: List<FileItem>) {
+  Column(modifier = Modifier.fillMaxWidth()) {
+    Text(
+      text = stringResource(R.string.files_for_transfer),
+      fontSize = 16.sp,
+      fontFamily = FontFamily.Monospace,
+      modifier = Modifier
+        .fillMaxWidth()
+        .padding(top = TEN_DP),
+      textAlign = TextAlign.Center
+    )
+
+    LazyColumn(modifier = Modifier.fillMaxSize()) {
+      items(transferFiles) { file ->
+        TransferFileItem(file)
+      }
+    }
+  }
+}
+
+@Composable
+private fun YourDeviceHeader(deviceName: String) {
+  Column(modifier = Modifier.padding(horizontal = 15.dp, vertical = 5.dp)) {
+    Text(
+      text = stringResource(R.string.your_device),
+      fontStyle = FontStyle.Italic,
+      fontSize = 13.sp,
+      modifier = Modifier
+        .padding(top = 5.dp, bottom = 1.dp)
+    )
+    val contentDescription = stringResource(R.string.device_name)
+    Text(
+      text = deviceName,
+      fontWeight = FontWeight.Bold,
+      fontSize = 17.sp,
+      modifier = Modifier
+        .minimumInteractiveComponentSize()
+        .semantics { this.contentDescription = contentDescription }
+    )
+  }
+}
+
+@Composable
+fun TransferFileItem(
+  fileItem: FileItem
+) {
+  Row(
+    modifier = Modifier
+      .fillMaxWidth()
+      .padding(TEN_DP),
+    verticalAlignment = Alignment.CenterVertically
+  ) {
+    // File name
+    Text(
+      text = fileItem.fileName,
+      fontSize = FILE_ITEM_TEXT_SIZE,
+      modifier = Modifier
+        .weight(1f)
+        .padding(horizontal = FIVE_DP, vertical = ONE_DP)
+    )
+
+    if (true) {
+      ContentLoadingProgressBar(
+        modifier = Modifier
+          .size(FILE_ITEM_ICON_SIZE)
+          .padding(horizontal = FIVE_DP, vertical = ONE_DP)
+      )
+    } else {
+      Icon(
+        painter = painterResource(drawable.ic_baseline_wait_24px),
+        contentDescription = stringResource(R.string.status),
+        modifier = Modifier
+          .size(FILE_ITEM_ICON_SIZE)
+          .padding(horizontal = FIVE_DP, vertical = ONE_DP)
+      )
+    }
+  }
+}
+
+@Suppress("MagicNumber")
+@Composable
+fun PeerDeviceItem(
+  wifiP2PDevice: WifiP2pDevice,
+  onDeviceItemClick: (WifiP2pDevice) -> Unit
+) {
+  Row(
+    modifier = Modifier
+      .fillMaxWidth()
+      .padding(TEN_DP)
+      .clickable(onClick = { onDeviceItemClick.invoke(wifiP2PDevice) }),
+    verticalAlignment = Alignment.CenterVertically
+  ) {
+    Text(
+      text = wifiP2PDevice.deviceName,
+      fontSize = PEER_DEVICE_ITEM_TEXT_SIZE,
+      fontWeight = FontWeight.Bold,
+      textAlign = TextAlign.Center,
+      modifier = Modifier
+        .weight(3f)
+        .padding(horizontal = FIVE_DP, vertical = ONE_DP)
+    )
+  }
+}

core/src/main/java/org/kiwix/kiwixmobile/core/utils/ComposeDimens.kt

@@ -51,6 +51,7 @@ object ComposeDimens {
   val FIVE_DP = 5.dp
   val FOUR_DP = 4.dp
   val TWO_DP = 2.dp
+  val ONE_DP = 1.dp
   val SEVENTY_DP = 70.dp
   val SIXTY_FOUR_DP = 64.dp
 
@@ -111,4 +112,10 @@ object ComposeDimens {
   val PAGE_LIST_ITEM_FAVICON_SIZE = 40.dp
   val PAGE_SWITCH_LEFT_RIGHT_MARGIN = 10.dp
   val PAGE_SWITCH_ROW_BOTTOM_MARGIN = 8.dp
+
+  // LocalFileTransferFragment dimens
+  val PEER_DEVICE_ITEM_TEXT_SIZE = 17.sp
+  val FILE_ITEM_TEXT_SIZE = 14.sp
+  val FILE_ITEM_ICON_SIZE = 24.dp
+  val NEARBY_DEVICE_LIST_HEIGHT = 180.dp
 }