From 7bd0b4374621ab70b397b64a13b0c472c97d1844 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 2 Mar 2026 10:32:46 +0100
Subject: [PATCH] update cursor rule

---
 .cursor/commands/review.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/.cursor/commands/review.md b/.cursor/commands/review.md
index 4361b397..4cc5de36 100644
--- a/.cursor/commands/review.md
+++ b/.cursor/commands/review.md
@@ -54,6 +54,14 @@ Review every point below carefully to ensure files follow consistent code style
 
 ## Tailwind & Styling
 
+- [ ] Always use `cn()` for `className` — never string interpolation with `${}` or ternaries inline
+  ```tsx
+  // ❌ wrong
+  className={`base-class ${isActive && "active"} ${someHelper()}`}
+
+  // ✅ correct
+  className={cn("base-class", isActive && "active", someHelper())}
+  ```
 - [ ] Use `gap-*` instead of `mb-*` or `mt-*` for consistent spacing
 - [ ] Use `size-*` instead of `h-* w-*` when width and height are the same
 - [ ] When using `size-*` on icons inside `<Button>`, use `!` modifier to override default `size-4`