Merge pull request #17 from algorandfoundation/feat/border-labels

feat: border titles

ui/protocol.go

@@ -97,9 +97,9 @@ func (m ProtocolViewModel) View() string {
 	if isCompact && m.Data.NeedsUpdate {
 		rows = append(rows, blue.Render(" Upgrade Available: ")+green.Render(strconv.FormatBool(m.Data.NeedsUpdate)))
 	}
-	return topSections(max(0, size)).Render(lipgloss.JoinVertical(lipgloss.Left,
+	return WithTitle("Protocol", topSections(max(0, size)).Render(lipgloss.JoinVertical(lipgloss.Left,
 		rows...,
-	))
+	)))
 }
 
 // MakeProtocolViewModel constructs a ProtocolViewModel using a given StatusModel and predefined metrics.

ui/status.go

@@ -89,14 +89,14 @@ func (m StatusViewModel) View() string {
 
 	row3 := lipgloss.JoinHorizontal(lipgloss.Left, beginning, middle, end)
 
-	return topSections(max(0, size)).Render(
+	return WithTitle("Status", topSections(max(0, size)).Render(
 		lipgloss.JoinVertical(lipgloss.Left,
 			row1,
 			"",
 			cyan.Render(" -- "+strconv.Itoa(m.Data.Metrics.Window)+" round average --"),
 			row2,
 			row3,
-		))
+		)))
 }
 
 // MakeStatusViewModel constructs the model to be used in a tea.Program

ui/style.go

@@ -1,6 +1,9 @@
 package ui
 
-import "github.com/charmbracelet/lipgloss"
+import (
+	"github.com/charmbracelet/lipgloss"
+	"strings"
+)
 
 var (
 	rounderBorder = func() lipgloss.Style {
@@ -34,3 +37,14 @@ var (
 			Foreground(lipgloss.Color("12")).
 			Render
 )
+
+func WithTitle(title string, view string) string {
+	r := []rune(view)
+	if lipgloss.Width(view) >= len(title)+4 {
+		b, _, _, _, _ := rounderBorder.GetBorder()
+		id := strings.IndexRune(view, []rune(b.Top)[0])
+		start := string(r[0:id])
+		return start + title + string(r[len(title)+id:])
+	}
+	return view
+}