work on ui

desktop_app/ui/screens/pair_screen.py

@@ -0,0 +1,32 @@
+from textual.screen import Screen
+from textual.containers import VerticalScroll, Vertical
+from textual.widgets import Static, Button, LoadingIndicator, DataTable
+from textualeffects.widgets import EffectLabel
+
+
+class PairScreen(Screen):
+    CSS_PATH = "../assets/pair_screen.tcss"
+    
+    def compose(self):
+        
+        with Vertical(id="middle") as center_window:
+            center_window.border_title = "Pair a Node"
+            
+            with open("ui/assets/banner.txt", "r") as f:
+                yield EffectLabel(f.read(), effect="Print")
+            
+            yield Static("Make sure your mesh network node is powered and ready to pair. When you're ready, click the \"Pair\" button to connect to the mesh!")
+            
+            table =  DataTable()
+            table.add_columns("[b]Address", "RSSI")
+            yield table
+            
+            table.add_row("hi", "[green]󰢽[/] -34 dBm")
+            table.add_row("hi", "[green]󰢽[/] -52 dBm")
+            table.add_row("hi", "[yellow]󰢽[/] -64 dBm")
+            table.add_row("hi", "[red]󰢼[/] -98 dBm")
+            table.add_row("hi", "[red]󰢼[/] -101 dBm")
+            
+            yield LoadingIndicator()
+            
+            yield Button("Pair", disabled=True, variant="success", id="pair-btn")