From bdf2bbce3c3d0469de209b5d3f616f5665f3d489 Mon Sep 17 00:00:00 2001
From: balaji-jr <balaji.joshua1998@gmail.com>
Date: Tue, 18 Jun 2024 23:35:04 +0530
Subject: [PATCH 1/2] readme - updated the demo app url

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b48d8ef7..1aedc2b5 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ For complete Parseable API documentation, refer to [Parseable API workspace on P
 <table>
 <tr>
     <td>URL</td>
-    <td><a href="https://demo.parseable.io" target="_blank">https://demo.parseable.io</a></td>
+    <td><a href="https://demo.parseable.io" target="_blank">https://demo.parseable.com</a></td>
 </tr>
 <tr>
     <td>Username</td>

From 527d4ec62d0668219d5f1af79ccc474d9b5f8976 Mon Sep 17 00:00:00 2001
From: balaji-jr <balaji.joshua1998@gmail.com>
Date: Mon, 1 Jul 2024 10:01:38 +0530
Subject: [PATCH 2/2] fix file imports

---
 src/components/Header/styles/LogQuery.module.css |  3 ---
 src/pages/Stream/components/PrimaryToolbar.tsx   | 16 +++++++++-------
 .../components/styles/PrimaryToolbar.module.css  | 14 ++++++++++++++
 3 files changed, 23 insertions(+), 10 deletions(-)
 create mode 100644 src/pages/Stream/components/styles/PrimaryToolbar.module.css

diff --git a/src/components/Header/styles/LogQuery.module.css b/src/components/Header/styles/LogQuery.module.css
index 8d48063d..446cdbd8 100644
--- a/src/components/Header/styles/LogQuery.module.css
+++ b/src/components/Header/styles/LogQuery.module.css
@@ -36,9 +36,6 @@
   }
   
   .intervalbtn {
-	/* display: flex; */
-	/* justify-content: center; */
-	/* align-items: center; */
 	background-color: white;
 	color: var(--mantine-color-gray-7);
 	border: 1px #e9ecef solid;
diff --git a/src/pages/Stream/components/PrimaryToolbar.tsx b/src/pages/Stream/components/PrimaryToolbar.tsx
index ee44f906..0f6378a6 100644
--- a/src/pages/Stream/components/PrimaryToolbar.tsx
+++ b/src/pages/Stream/components/PrimaryToolbar.tsx
@@ -15,7 +15,7 @@ import _ from 'lodash';
 import StreamingButton from '@/components/Header/StreamingButton';
 import { useLogsStore, logsStoreReducers } from '../providers/LogsProvider';
 import { filterStoreReducers, useFilterStore } from '../providers/FilterProvider';
-import classes from '../../../components/Header/styles/LogQuery.module.css';
+import classes from './styles/PrimaryToolbar.module.css'
 
 const { toggleDeleteModal } = logsStoreReducers;
 const { toggleSavedFiltersModal } = filterStoreReducers;
@@ -30,14 +30,16 @@ const MaximizeButton = () => {
 
 const SavedFiltersButton = () => {
 	const [_store, setLogsStore] = useFilterStore((_store) => null);
-	const { intervalbtn } = classes;
+	const onClick = useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), []);
 	return (
-		<Button 
-			className={intervalbtn} h="100%" 
-			leftSection={<IconFilterHeart size={px('1rem')} stroke={1.5} />} 
-			onClick={useCallback(() => setLogsStore((store) => toggleSavedFiltersModal(store, true)), [])}>
+		<Button
+			className={classes.savedFiltersBtn}
+			h="100%"
+			leftSection={<IconFilterHeart size={px('1rem')} stroke={1.5} />}
+			onClick={onClick}>
 			Saved Filters
-		</Button>);
+		</Button>
+	);
 };
 
 const DeleteStreamButton = () => {
diff --git a/src/pages/Stream/components/styles/PrimaryToolbar.module.css b/src/pages/Stream/components/styles/PrimaryToolbar.module.css
new file mode 100644
index 00000000..b6700582
--- /dev/null
+++ b/src/pages/Stream/components/styles/PrimaryToolbar.module.css
@@ -0,0 +1,14 @@
+.savedFiltersBtn {
+	background-color: white;
+	color: var(--mantine-color-gray-7);
+	border: 1px #e9ecef solid;
+    border-radius: rem(8px);
+	font-size: 0.65rem;
+	&:hover {
+		color: black;
+	}
+  }
+  
+  .savedFiltersBtn:hover {
+    background-color: #E0E0E0;
+  }
\ No newline at end of file