From b039209944f7cc0bda27e59af915a16f692ff037 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Wed, 8 Jan 2025 12:50:23 +0100
Subject: [PATCH] ui: fixing saved search button

---
 .../shared/SavedSearch/SavedSearch.tsx           | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
index 0e6d857ca..19ff552bf 100644
--- a/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
+++ b/frontend/app/components/shared/SavedSearch/SavedSearch.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from "react";
-import { Dropdown } from 'antd';
+import { Dropdown, Button } from 'antd';
+import { MoreOutlined } from "@ant-design/icons";
 import { useStore } from 'App/mstore';
 import { observer } from 'mobx-react-lite';
 import SaveSearchModal from "../SaveSearchModal/SaveSearchModal";
@@ -21,9 +22,16 @@ function SavedSearch() {
   }
   return (
     <>
-    <Dropdown.Button onClick={toggleModal} menu={{ items: options }} className={'w-fit'}>
-      {savedSearch.exists() ? 'Update' : 'Save'} Search
-    </Dropdown.Button>
+      <div style={{ display: 'inline-flex' }}>
+        <Button onClick={toggleModal} disabled={searchStore.instance.filters.length === 0} style={{ borderRadius: '0.5rem 0 0 0.5rem', borderRight: 0 }}>
+          {savedSearch.exists() ? 'Update' : 'Save'} Search
+        </Button>
+        <Dropdown menu={{ items: options }} placement="bottomRight">
+          <Button style={{ borderRadius: '0 0.5rem 0.5rem 0' }}>
+            <MoreOutlined />
+          </Button>
+        </Dropdown>
+      </div>
       {showModal && (
         <SaveSearchModal
           show={showModal}