woops meant to add to last commit

2026-03-03 02:17:52 -05:00
parent de6c7754cb
commit 322366719e
3 changed files with 70 additions and 65 deletions
--- a/src/ui/ui_widgets.cpp
+++ b/src/ui/ui_widgets.cpp
@@ -1049,3 +1049,65 @@ B32 ui_window(const char *id, const char *title, B32 *open,

    return 1;
 }
+
+////////////////////////////////
+// Tab bar
+
+static CustomGradientData g_tab_gradient = {
+    CUSTOM_RENDER_VGRADIENT, TAB_ACTIVE_TOP, TAB_ACTIVE_BOTTOM
+};
+
+S32 ui_tab_bar(const char *id, const char **labels, S32 count, S32 *selected) {
+    Clay_String id_str = clay_str(id);
+    Clay_ElementId row_eid = Clay__HashString(id_str, 0);
+
+    CLAY(row_eid,
+        .layout = {
+            .sizing = { .width = CLAY_SIZING_GROW(), .height = CLAY_SIZING_FIT() },
+            .padding = { 0, 0, 4, 0 },
+            .layoutDirection = CLAY_LEFT_TO_RIGHT,
+        },
+        .backgroundColor = g_theme.bg_medium,
+        .border = { .color = g_theme.border, .width = { .bottom = 1 } },
+    ) {
+        for (S32 i = 0; i < count; i++) {
+            Clay_ElementId tab_eid = Clay__HashStringWithOffset(id_str, (uint32_t)i, 0);
+            B32 is_active = (i == *selected);
+            B32 hovered = Clay_PointerOver(tab_eid);
+
+            Clay_String lbl_str = clay_str(labels[i]);
+
+            if (is_active) {
+                CLAY(tab_eid,
+                    .layout = {
+                        .sizing = { .width = CLAY_SIZING_FIT(), .height = CLAY_SIZING_FIXED(TAB_HEIGHT) },
+                        .padding = { TAB_PADDING_H, TAB_PADDING_H, 0, 6 },
+                        .childAlignment = { .y = CLAY_ALIGN_Y_CENTER },
+                    },
+                    .cornerRadius = { .topLeft = TAB_CORNER_RADIUS, .topRight = TAB_CORNER_RADIUS, .bottomLeft = 0, .bottomRight = 0 },
+                    .custom = { .customData = &g_tab_gradient },
+                ) {
+                    CLAY_TEXT(lbl_str, &g_widget_text_config);
+                }
+            } else {
+                Clay_Color bg = hovered ? (Clay_Color)TAB_INACTIVE_HOVER : (Clay_Color)TAB_INACTIVE_BG;
+                CLAY(tab_eid,
+                    .layout = {
+                        .sizing = { .width = CLAY_SIZING_FIT(), .height = CLAY_SIZING_FIXED(TAB_HEIGHT) },
+                        .padding = { TAB_PADDING_H, TAB_PADDING_H, 0, 6 },
+                        .childAlignment = { .y = CLAY_ALIGN_Y_CENTER },
+                    },
+                    .backgroundColor = bg,
+                    .cornerRadius = { .topLeft = TAB_CORNER_RADIUS, .topRight = TAB_CORNER_RADIUS, .bottomLeft = 0, .bottomRight = 0 },
+                ) {
+                    CLAY_TEXT(lbl_str, &g_widget_text_config);
+                }
+            }
+
+            if (hovered && g_wstate.mouse_clicked) {
+                *selected = i;
+            }
+        }
+    }
+    return *selected;
+}