node list view kinda works

app/src/main/java/com/geeksville/mesh/ui/ChannelFragment.kt

@@ -17,9 +17,6 @@ import com.google.android.material.snackbar.Snackbar
 import kotlinx.android.synthetic.main.channel_fragment.*
 
 
-object ChannelLog : Logging
-
-
 class ChannelFragment : ScreenFragment("Channel"), Logging {
 
     private val model: UIViewModel by activityViewModels()
@@ -67,7 +64,7 @@ class ChannelFragment : ScreenFragment("Channel"), Logging {
                 channelNameEdit.visibility = View.VISIBLE
                 channelNameEdit.setText(channel.name)
                 editableCheckbox.isEnabled = true
-                
+
                 qrView.setImageBitmap(channel.getChannelQR())
                 // Share this particular channel if someone clicks share
                 shareButton.setOnClickListener {

app/src/main/java/com/geeksville/mesh/ui/Users.kt

@@ -1,24 +1,133 @@
 package com.geeksville.mesh.ui
 
-/*
-import androidx.compose.Composable
-import androidx.ui.core.ContextAmbient
-import androidx.ui.foundation.Text
-import androidx.ui.layout.Column
-import androidx.ui.layout.LayoutPadding
-import androidx.ui.layout.Row
-import androidx.ui.material.Button
-import androidx.ui.unit.dp
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.activityViewModels
+import androidx.lifecycle.Observer
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.geeksville.android.Logging
+import com.geeksville.mesh.NodeInfo
 import com.geeksville.mesh.R
-import com.geeksville.mesh.model.NodeDB
-import com.geeksville.mesh.model.UIState
-import com.geeksville.mesh.service.MeshService
-import com.geeksville.mesh.service.RadioInterfaceService
-import com.geeksville.mesh.service.SoftwareUpdateService
+import com.geeksville.mesh.model.UIViewModel
+import kotlinx.android.synthetic.main.adapter_node_layout.view.*
+import kotlinx.android.synthetic.main.nodelist_fragment.*
 
 
+class UsersFragment : ScreenFragment("Users"), Logging {
+
+    private val model: UIViewModel by activityViewModels()
+
+    // Provide a direct reference to each of the views within a data item
+    // Used to cache the views within the item layout for fast access
+    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val nodeNameView = itemView.nodeNameView
+    }
+
+    private val nodesAdapter = object : RecyclerView.Adapter<ViewHolder>() {
+
+        /**
+         * Called when RecyclerView needs a new [ViewHolder] of the given type to represent
+         * an item.
+         *
+         *
+         * This new ViewHolder should be constructed with a new View that can represent the items
+         * of the given type. You can either create a new View manually or inflate it from an XML
+         * layout file.
+         *
+         *
+         * The new ViewHolder will be used to display items of the adapter using
+         * [.onBindViewHolder]. Since it will be re-used to display
+         * different items in the data set, it is a good idea to cache references to sub views of
+         * the View to avoid unnecessary [View.findViewById] calls.
+         *
+         * @param parent The ViewGroup into which the new View will be added after it is bound to
+         * an adapter position.
+         * @param viewType The view type of the new View.
+         *
+         * @return A new ViewHolder that holds a View of the given view type.
+         * @see .getItemViewType
+         * @see .onBindViewHolder
+         */
+        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+            val inflater = LayoutInflater.from(requireContext())
+
+            // Inflate the custom layout
+
+            // Inflate the custom layout
+            val contactView: View = inflater.inflate(R.layout.adapter_node_layout, parent, false)
+
+            // Return a new holder instance
+            return ViewHolder(contactView)
+        }
+
+        /**
+         * Returns the total number of items in the data set held by the adapter.
+         *
+         * @return The total number of items in this adapter.
+         */
+        override fun getItemCount(): Int = nodes.size
+
+        /**
+         * Called by RecyclerView to display the data at the specified position. This method should
+         * update the contents of the [ViewHolder.itemView] to reflect the item at the given
+         * position.
+         *
+         *
+         * Note that unlike [android.widget.ListView], RecyclerView will not call this method
+         * again if the position of the item changes in the data set unless the item itself is
+         * invalidated or the new position cannot be determined. For this reason, you should only
+         * use the `position` parameter while acquiring the related data item inside
+         * this method and should not keep a copy of it. If you need the position of an item later
+         * on (e.g. in a click listener), use [ViewHolder.getAdapterPosition] which will
+         * have the updated adapter position.
+         *
+         * Override [.onBindViewHolder] instead if Adapter can
+         * handle efficient partial bind.
+         *
+         * @param holder The ViewHolder which should be updated to represent the contents of the
+         * item at the given position in the data set.
+         * @param position The position of the item within the adapter's data set.
+         */
+        override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+            val n = nodes[position]
+
+            holder.nodeNameView.text = n.user?.longName ?: n.user?.id ?: "Unknown node"
+        }
+
+        private var nodes = arrayOf<NodeInfo>()
+
+        /// Called when our node DB changes
+        fun onNodesChanged(nodesIn: Collection<NodeInfo>) {
+            nodes = nodesIn.toTypedArray()
+            notifyDataSetChanged() // FIXME, this is super expensive and redraws all nodes
+        }
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        return inflater.inflate(R.layout.nodelist_fragment, container, false)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        nodeListView.adapter = nodesAdapter
+        nodeListView.layoutManager = LinearLayoutManager(requireContext())
+
+        model.nodeDB.nodes.observe(viewLifecycleOwner, Observer { it ->
+            nodesAdapter.onNodesChanged(it.values)
+        })
+    }
+}
 
 
+/*
 @Composable
 fun UsersContent() {
     Column {