From 7980eb2c8acfdb7577a04935899434c1452737d0 Mon Sep 17 00:00:00 2001
From: cdxker <fdenzell@gmail.com>
Date: Fri, 6 Dec 2024 18:52:09 -0800
Subject: [PATCH] feature: make the clear messages button be formatted to brand
 color

---
 clients/search-component/package.json              | 2 +-
 clients/search-component/src/TrieveModal/index.css | 5 +++--
 server/src/public/page.html                        | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/clients/search-component/package.json b/clients/search-component/package.json
index a2e4e7f574..39517d1ff8 100644
--- a/clients/search-component/package.json
+++ b/clients/search-component/package.json
@@ -19,7 +19,7 @@
       "import": "./dist/vanilla/index.js"
     }
   },
-  "version": "0.2.5",
+  "version": "0.2.7",
   "license": "MIT",
   "homepage": "https://github.com/devflowinc/trieve/tree/main/clients/search-component",
   "scripts": {
diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
index e50a9f352b..195df4d4ed 100644
--- a/clients/search-component/src/TrieveModal/index.css
+++ b/clients/search-component/src/TrieveModal/index.css
@@ -212,7 +212,8 @@ body {
           justify-content: flex-start;
 
           .clear-button {
-            @apply px-4 py-1.5 rounded-md text-white bg-magenta-500 hover:bg-magenta-400 text-xs;
+            @apply px-4 py-1.5 rounded-md text-white text-xs;
+            background-color: var(--tv-prop-brand-color);
           }
         }
       }
@@ -252,7 +253,7 @@ body {
     }
 
     .commands.ecommerce {
-      @apply hidden;
+      visibility: hidden;
     }
 
     .trieve-powered {
diff --git a/server/src/public/page.html b/server/src/public/page.html
index 13fadad2a2..1cd5ecd58a 100644
--- a/server/src/public/page.html
+++ b/server/src/public/page.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="/static/output.css" />
     <link
       rel="stylesheet"
-      href="https://unpkg.com/trieve-search-component@0.2.6/dist/index.css"
+      href="https://unpkg.com/trieve-search-component@0.2.7/dist/index.css"
     />
     <link
       rel="apple-touch-icon"
@@ -181,7 +181,7 @@
     </style>
 
     <script type="module">
-      import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.6/dist/vanilla/index.js';
+      import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.7/dist/vanilla/index.js';
       window.addEventListener('load', () => {
         const root = document.getElementById('root');
         renderToDiv(root, {