small improvement to the look of the layout tooling pages

tui/internal/views/layoutTool.go

@@ -202,6 +202,7 @@ func layoutToolUIOnSelect(bus *events.Bus, doc *dom.DOM) {
 
 func layoutToolTreeViewOnChange() func(node *tview.TreeNode) {
 	return func(node *tview.TreeNode) {
+		// Here we want to change the current existing form on the action pages
 	}
 }
 
@@ -229,10 +230,17 @@ func buildLayoutTreeComponent(bus *events.Bus, doc *dom.DOM) (*dom.UINode, error
 	return layoutTreeUINode, nil
 }
 
-func buildLayoutActionPagesComponent(_ *events.Bus, doc *dom.DOM) (*dom.UINode, error) {
-	actionPages := tview.NewPages()
+func buildLayoutActionPagesComponent(bus *events.Bus, doc *dom.DOM) (*dom.UINode, error) {
+	// Create an empty page for it
+	emptyPage := tview.NewTextView().
+		SetTextAlign(tview.AlignCenter).
+		SetChangedFunc(func() {
+			bus.Emit(ui.RedrawEv{})
+		})
+	emptyPage.SetBorder(true).SetTitle("-- Tool Area --")
+	fmt.Fprintf(emptyPage, "No tool selected")
 
-	actionPages.SetBorder(true).SetTitle("Action Page")
+	actionPages := tview.NewPages().AddPage(emptyPageName, emptyPage, true, true)
 
 	actionPagesUINode, err := doc.NewUINode(layoutToolActionPagesID,
 		doc.GetElemByID("right-flex"), actionPages)

tui/internal/views/mainFlex.go

@@ -21,7 +21,7 @@ const (
 )
 
 const (
-	pageName = "empty-page"
+	emptyPageName = "empty-page"
 )
 
 func buildRightSidePages(bus *events.Bus, doc *dom.DOM) (*dom.UINode, error) {
@@ -32,11 +32,9 @@ func buildRightSidePages(bus *events.Bus, doc *dom.DOM) (*dom.UINode, error) {
 			bus.Emit(ui.RedrawEv{})
 		})
 	emptyPage.SetBorder(true).SetTitle("-- Tool Area --")
-
 	fmt.Fprintf(emptyPage, "No Tool Selected")
 
-	apiToolPages := tview.NewPages().
-		AddPage(pageName, emptyPage, true, true)
+	apiToolPages := tview.NewPages().AddPage(emptyPageName, emptyPage, true, true)
 
 	apiToolPagesNode, err := doc.NewUINode(apiToolPagesID, doc.GetElemByID(rightFlexID),
 		apiToolPages)