diff --git a/.playwright-mcp/browse-page.png b/.playwright-mcp/browse-page.png
deleted file mode 100644
index 7e21a48b..00000000
Binary files a/.playwright-mcp/browse-page.png and /dev/null differ
diff --git a/.playwright-mcp/rooms-page.png b/.playwright-mcp/rooms-page.png
deleted file mode 100644
index 90adf5f1..00000000
Binary files a/.playwright-mcp/rooms-page.png and /dev/null differ
diff --git a/.playwright-mcp/rooms-test-apiHooks.png b/.playwright-mcp/rooms-test-apiHooks.png
deleted file mode 100644
index 443ed6d6..00000000
Binary files a/.playwright-mcp/rooms-test-apiHooks.png and /dev/null differ
diff --git a/www/app/(app)/browse/_components/FilterSidebar.tsx b/www/app/(app)/browse/_components/FilterSidebar.tsx
index 48c79fdc..6a440a10 100644
--- a/www/app/(app)/browse/_components/FilterSidebar.tsx
+++ b/www/app/(app)/browse/_components/FilterSidebar.tsx
@@ -13,13 +13,6 @@ interface FilterSidebarProps {
onFilterChange: (sourceKind: SourceKind | null, roomId: string) => void;
}
-// Type helper for source kind literals
-const SK = {
- room: "room" as SourceKind,
- live: "live" as SourceKind,
- file: "file" as SourceKind,
-};
-
export default function FilterSidebar({
rooms,
selectedSourceKind,
@@ -54,14 +47,14 @@ export default function FilterSidebar({
key={room.id}
as={NextLink}
href="#"
- onClick={() => onFilterChange(SK.room, room.id)}
+ onClick={() => onFilterChange("room" as SourceKind, room.id)}
color={
- selectedSourceKind === SK.room && selectedRoomId === room.id
+ selectedSourceKind === "room" && selectedRoomId === room.id
? "blue.500"
: "gray.600"
}
fontWeight={
- selectedSourceKind === SK.room && selectedRoomId === room.id
+ selectedSourceKind === "room" && selectedRoomId === room.id
? "bold"
: "normal"
}
@@ -82,14 +75,14 @@ export default function FilterSidebar({
key={room.id}
as={NextLink}
href="#"
- onClick={() => onFilterChange(SK.room, room.id)}
+ onClick={() => onFilterChange("room" as SourceKind, room.id)}
color={
- selectedSourceKind === SK.room && selectedRoomId === room.id
+ selectedSourceKind === "room" && selectedRoomId === room.id
? "blue.500"
: "gray.600"
}
fontWeight={
- selectedSourceKind === SK.room && selectedRoomId === room.id
+ selectedSourceKind === "room" && selectedRoomId === room.id
? "bold"
: "normal"
}
@@ -105,10 +98,10 @@ export default function FilterSidebar({
onFilterChange(SK.live, "")}
- color={selectedSourceKind === SK.live ? "blue.500" : "gray.600"}
+ onClick={() => onFilterChange("live" as SourceKind, "")}
+ color={selectedSourceKind === "live" ? "blue.500" : "gray.600"}
_hover={{ color: "blue.300" }}
- fontWeight={selectedSourceKind === SK.live ? "bold" : "normal"}
+ fontWeight={selectedSourceKind === "live" ? "bold" : "normal"}
fontSize="sm"
>
Live Transcripts
@@ -116,10 +109,10 @@ export default function FilterSidebar({
onFilterChange(SK.file, "")}
- color={selectedSourceKind === SK.file ? "blue.500" : "gray.600"}
+ onClick={() => onFilterChange("file" as SourceKind, "")}
+ color={selectedSourceKind === "file" ? "blue.500" : "gray.600"}
_hover={{ color: "blue.300" }}
- fontWeight={selectedSourceKind === SK.file ? "bold" : "normal"}
+ fontWeight={selectedSourceKind === "file" ? "bold" : "normal"}
fontSize="sm"
>
Uploaded Files