From 4f13b0d57f02f63ec8b983174a6d81e131175119 Mon Sep 17 00:00:00 2001
From: drelich <david.relich@me.com>
Date: Wed, 25 Mar 2026 20:08:47 +0100
Subject: [PATCH] fix: show neutral badge for categories without assigned
 colors

- Categories without colors now show gray badge instead of no badge
- Categories with colors show colored badge as before
- Bump version to 0.2.0
---
 package.json                 |  2 +-
 src-tauri/tauri.conf.json    |  2 +-
 src/components/NotesList.tsx | 11 +++++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 5a75efa..5eb7855 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "nextcloud-notes-tauri",
   "private": true,
-  "version": "0.1.5",
+  "version": "0.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 28a6337..b53b67a 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Nextcloud Notes",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "identifier": "com.davidrelich.nextcloud-notes",
   "build": {
     "beforeDevCommand": "npm run dev",
diff --git a/src/components/NotesList.tsx b/src/components/NotesList.tsx
index 8843198..a73818b 100644
--- a/src/components/NotesList.tsx
+++ b/src/components/NotesList.tsx
@@ -296,9 +296,16 @@ export function NotesList({
                 <span>{formatDate(note.modified)}</span>
                 {note.category && (() => {
                   const colors = getCategoryColor(note.category);
-                  if (!colors) return null;
+                  if (colors) {
+                    return (
+                      <span className={`px-2 py-0.5 ${colors.bg} ${colors.text} rounded-full text-xs font-medium`}>
+                        {note.category}
+                      </span>
+                    );
+                  }
+                  // Show neutral badge when no color is set
                   return (
-                    <span className={`px-2 py-0.5 ${colors.bg} ${colors.text} rounded-full text-xs font-medium`}>
+                    <span className="px-2 py-0.5 bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 rounded-full text-xs font-medium">
                       {note.category}
                     </span>
                   );