From 0311864901cf9872ede022ff15791498bc0e1096 Mon Sep 17 00:00:00 2001
From: Maciej Bodek <maciej.bodek@gmail.com>
Date: Thu, 21 Sep 2023 11:38:51 +0200
Subject: [PATCH] Adjust notification buttons

---
 .../src/scenes/Notifications/index.tsx            | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/web-console/src/scenes/Notifications/index.tsx b/packages/web-console/src/scenes/Notifications/index.tsx
index ae3f89868..62962c492 100644
--- a/packages/web-console/src/scenes/Notifications/index.tsx
+++ b/packages/web-console/src/scenes/Notifications/index.tsx
@@ -37,11 +37,11 @@ import {
   PaneMenu,
   PaneWrapper,
   Text,
-  SecondaryButton,
   useScreenSize,
 } from "../../components"
 import { actions, selectors } from "../../store"
 import { TerminalBox, Subtract, ArrowUpS } from "styled-icons/remix-line"
+import { Button } from "@questdb/react-components"
 
 import Notification from "./Notification"
 
@@ -83,10 +83,6 @@ const ClearAllNotifications = styled.div`
   margin-top: auto;
 `
 
-const ClearAllNotificationsButton = styled(SecondaryButton)`
-  margin-top: 1rem;
-`
-
 const Notifications = () => {
   const notifications = useSelector(selectors.query.getNotifications)
   const { sm } = useScreenSize()
@@ -138,9 +134,9 @@ const Notifications = () => {
             <Notification isMinimized={true} {...lastNotification} />
           )}
         </LatestNotification>
-        <SecondaryButton onClick={toggleMinimized}>
+        <Button skin="secondary" size="sm" onClick={toggleMinimized}>
           {isMinimized ? <ArrowUpS size="18px" /> : <Subtract size="18px" />}
-        </SecondaryButton>
+        </Button>
       </Menu>
       {!isMinimized && (
         <Content minimized={isMinimized} ref={contentRef}>
@@ -157,12 +153,13 @@ const Notifications = () => {
           </TransitionGroup>
           {!isMinimized && (
             <ClearAllNotifications>
-              <ClearAllNotificationsButton
+              <Button
+                skin="secondary"
                 disabled={notifications.length === 0}
                 onClick={cleanupNotifications}
               >
                 Clear all
-              </ClearAllNotificationsButton>
+              </Button>
             </ClearAllNotifications>
           )}
         </Content>