From 9f142327b90b57e43e9aecc33ed6da876a6a46fb Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Sun, 22 Dec 2024 09:55:10 -0600
Subject: [PATCH] Fix non-functional class prop

---
 frontend/src/components/StatefulDemo.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/StatefulDemo.tsx b/frontend/src/components/StatefulDemo.tsx
index 3d32087..35d5d01 100644
--- a/frontend/src/components/StatefulDemo.tsx
+++ b/frontend/src/components/StatefulDemo.tsx
@@ -1,9 +1,9 @@
 import Badge from "@/components/Badge";
-import { plural } from "@/util";
+import { cn, plural, type ClassValue } from "@/util";
 import { useState } from "preact/hooks";
 
 type StatefulDemoProps = {
-  class?: string;
+  class?: ClassValue;
 };
 
 type SessionData = {
@@ -18,7 +18,7 @@ const StatefulDemo = ({ class: className }: StatefulDemoProps) => {
   });
 
   return (
-    <div class="px-5 leading-6">
+    <div class={cn(className, "px-5 leading-6")}>
       <p class="mt-3">
         This demo uses websockets to communicate between the server and the
         browser. Each download gets a unique identifier bound to the user