Normalize queries and tweak presentation of the palette

Signed-off-by: Axel Boberg <[email protected]>
svt · Feb 29, 2024 · 39f6307 · 39f6307
1 parent 345ca6c
commit 39f6307
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/app/components/Palette/integrations/items.jsx b/app/components/Palette/integrations/items.jsx
@@ -27,12 +27,16 @@ function ItemRow ({ item }) {
  * @returns 
  */
 async function getItems (query) {
+  const normalizedQuery = query.toLowerCase()
+
   const bridge = await api.load()
   const items = Object.values(bridge.state.getLocalState()?.items || {})
-    .filter(item => item?.id?.includes(query) || (item?.data?.name || '').includes(query))
+    .filter(item =>
+      (item?.id || '').toLowerCase().includes(normalizedQuery) ||
+      (item?.data?.name || '').toLowerCase().includes(normalizedQuery)
+    )
 
   return items.map(item => {
-    console.log('Rendering', item)
     return <ItemRow key={item?.id} item={item} />
   })
 }

diff --git a/app/components/Palette/style.css b/app/components/Palette/style.css
@@ -21,7 +21,7 @@
   background: var(--base-color--background);
   border: 1px solid var(--base-color--shade1);
 
-  border-radius: 8px;
+  border-radius: 9px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
 
   transform: translate(-50%, 0);
@@ -34,6 +34,11 @@
   width: 100%;
 }
 
+.Palette-result {
+  max-height: calc(100vh - 100px);
+  overflow-y: scroll;
+}
+
 .Palette .Palette-resultLabel {
   display: block;
   margin: 0.3em 0.5em;