fix: controls bar to only have valid classes

author-more · Nov 22, 2024 · 0146b28 · 0146b28
1 parent 6e266c3
commit 0146b28
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/ControlsBar.tsx b/src/ControlsBar.tsx
@@ -12,7 +12,13 @@ export default function ControlsBar({
   stickTo,
   growFirstItem,
 }: ControlsBar) {
-  const className = `controls-bar ${stickTo && `sticky ${stickTo}`} ${growFirstItem ? "grow-first" : ""}`;
+  const className = [
+    "controls-bar",
+    (stickTo && `sticky ${stickTo}`) || "",
+    (growFirstItem && "grow-first") || "",
+  ]
+    .filter(Boolean)
+    .join(" ");
 
   return <div className={className}>{children}</div>;
 }