RI-7297: update vector search header action buttons style (#4849)

Author: KrumTy

redisinsight/ui/src/pages/vector-search/query/HeaderActions.styles.ts

@@ -1,4 +1,3 @@
-import { TextButton } from '@redis-ui/components'
 import styled from 'styled-components'
 import { FlexGroup } from 'uiSrc/components/base/layout/flex'
 
@@ -9,12 +8,3 @@ export const StyledHeaderAction = styled(FlexGroup)`
   gap: ${({ theme }) => theme.core.space.space100};
   margin-bottom: ${({ theme }) => theme.core.space.space100};
 `
-
-export const StyledTextButton = styled(TextButton)`
-  padding: 0px;
-  height: auto;
-  color: ${({ theme }) => theme.color.blue400};
-  &:hover {
-    color: ${({ theme }) => theme.color.blue500};
-  }
-`

redisinsight/ui/src/pages/vector-search/query/HeaderActions.tsx

@@ -1,8 +1,9 @@
 import React from 'react'
 import { useParams } from 'react-router-dom'
-import { StyledHeaderAction, StyledTextButton } from './HeaderActions.styles'
+import { StyledHeaderAction } from './HeaderActions.styles'
 import { ManageIndexesDrawer } from '../manage-indexes/ManageIndexesDrawer'
 import { collectSavedQueriesPanelToggleTelemetry } from '../telemetry'
+import { EmptyButton } from 'uiSrc/components/base/forms/buttons'
 
 export type HeaderActionsProps = {
   isManageIndexesDrawerOpen: boolean
@@ -31,12 +32,12 @@ export const HeaderActions = ({
   return (
     <>
       <StyledHeaderAction data-testid="vector-search-header-actions">
-        <StyledTextButton variant="primary" onClick={handleSavedQueriesClick}>
+        <EmptyButton onClick={handleSavedQueriesClick}>
           Saved queries
-        </StyledTextButton>
-        <StyledTextButton onClick={() => setIsManageIndexesDrawerOpen(true)}>
+        </EmptyButton>
+        <EmptyButton onClick={() => setIsManageIndexesDrawerOpen(true)}>
           Manage indexes
-        </StyledTextButton>
+        </EmptyButton>
       </StyledHeaderAction>
 
       <ManageIndexesDrawer