From b4908da3cf393787a985c3490defeb90f66855b4 Mon Sep 17 00:00:00 2001
From: Marylia Gutierrez <marylia@cockroachlabs.com>
Date: Tue, 25 Jan 2022 08:40:38 -0500
Subject: [PATCH] ui: switch order of tabs on SQL Activity

Previously, the tabs under SQL Activity where
Sessions, Transactions and Statements. This commit changes
the order to be Statements, Transactions and Sessions.

Fixes #74644

Release note (ui change): Change the order of tabs under SQL
Activity page to be Statements, Transactions and Sessions.
---
 .../src/views/sqlActivity/sqlActivityPage.tsx        | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pkg/ui/workspaces/db-console/src/views/sqlActivity/sqlActivityPage.tsx b/pkg/ui/workspaces/db-console/src/views/sqlActivity/sqlActivityPage.tsx
index fb8d5374ce02..075077a640c0 100644
--- a/pkg/ui/workspaces/db-console/src/views/sqlActivity/sqlActivityPage.tsx
+++ b/pkg/ui/workspaces/db-console/src/views/sqlActivity/sqlActivityPage.tsx
@@ -23,7 +23,7 @@ import { RouteComponentProps } from "react-router-dom";
 const { TabPane } = Tabs;
 
 const SQLActivityPage = (props: RouteComponentProps) => {
-  const defaultTab = util.queryByName(props.location, "tab") || "Sessions";
+  const defaultTab = util.queryByName(props.location, "tab") || "Statements";
   const [currentTab, setCurrentTab] = useState(defaultTab);
 
   const onTabChange = (tabId: string): void => {
@@ -33,7 +33,7 @@ const SQLActivityPage = (props: RouteComponentProps) => {
   };
 
   useEffect(() => {
-    const queryTab = util.queryByName(props.location, "tab") || "Sessions";
+    const queryTab = util.queryByName(props.location, "tab") || "Statements";
     if (queryTab !== currentTab) {
       setCurrentTab(queryTab);
     }
@@ -49,14 +49,14 @@ const SQLActivityPage = (props: RouteComponentProps) => {
         onChange={onTabChange}
         activeKey={currentTab}
       >
-        <TabPane tab="Sessions" key="Sessions">
-          <SessionsPageConnected />
+        <TabPane tab="Statements" key="Statements">
+          <StatementsPageConnected />
         </TabPane>
         <TabPane tab="Transactions" key="Transactions">
           <TransactionsPageConnected />
         </TabPane>
-        <TabPane tab="Statements" key="Statements">
-          <StatementsPageConnected />
+        <TabPane tab="Sessions" key="Sessions">
+          <SessionsPageConnected />
         </TabPane>
       </Tabs>
     </div>