fix: Improve dynamic class generation

fabryscript · Feb 9, 2024 · f8b9311 · f8b9311
1 parent 3229e7c
commit f8b9311
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/renderer/components/ProjectCard.tsx b/src/renderer/components/ProjectCard.tsx
@@ -42,9 +42,10 @@ function ProjectCard({ project }: { project: ProjectFile }) {
                   {({ active }) => (
                     <button
                       type="button"
-                      className={`${
-                        active ? 'bg-blue-400 text-white' : 'text-gray-100'
-                      } group flex gap-2 w-full items-center rounded-md px-2 py-2 text-sm transition-colors`}
+                      className={classNames(
+                        `group flex gap-2 w-full items-center text-gray-100 rounded-md px-2 py-2 text-sm transition-colors`,
+                        { 'bg-blue-400 text-white': active },
+                      )}
                     >
                       <Trash className="h-5 w-5" />
                       Cancella