fix(tui): underline quit dialog buttons (#548)

Ayman Bagabas created 2 months ago

This underlines the "Y" and "N" in "Yep!" and "Nope" of the quit dialog
to make it consistent with other dialogs and indicates that these
buttons can be activated by a key press.

Change summary

internal/tui/components/dialogs/quit/quit.go | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)

Detailed changes

internal/tui/components/dialogs/quit/quit.go

@@ -80,8 +80,10 @@ func (q *quitDialogCmp) View() string {
 	}
 
 	const horizontalPadding = 3
-	yesButton := yesStyle.Padding(0, horizontalPadding).Render("Yep!")
-	noButton := noStyle.Padding(0, horizontalPadding).Render("Nope")
+	yesButton := yesStyle.PaddingLeft(horizontalPadding).Underline(true).Render("Y") +
+		yesStyle.PaddingRight(horizontalPadding).Render("ep!")
+	noButton := noStyle.PaddingLeft(horizontalPadding).Underline(true).Render("N") +
+		noStyle.PaddingRight(horizontalPadding).Render("ope")
 
 	buttons := baseStyle.Width(lipgloss.Width(question)).Align(lipgloss.Right).Render(
 		lipgloss.JoinHorizontal(lipgloss.Center, yesButton, "  ", noButton),