From 48b80e146feb9e37e457a8c99aca533118d7cdd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vin=C3=ADcios=20Batista=20da=20Silva?=
 <sonicgyn@hotmail.com>
Date: Mon, 21 Oct 2024 11:17:43 -0300
Subject: [PATCH] fix: Update header button variant based on the active route
 (#4207) (#4214)

- Added logic to change button variant to "primary" or "secondary"
  based on the current pathname, including the "/flows" route.

Co-authored-by: Mike Fortman <michael.fortman@datastax.com>
---
 src/frontend/src/components/headerComponent/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index c92cc78ae..52e491c68 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -100,6 +100,7 @@ export default function Header(): JSX.Element {
             className="gap-2"
             variant={
               location.pathname.includes("/all") ||
+              location.pathname.includes("/flows") ||
               location.pathname.includes("/components")
                 ? "primary"
                 : "secondary"