fixing tabs more simple

This commit is contained in:
Arjun Patel
2022-01-17 15:49:25 -08:00
parent 5655df9391
commit 2273812b62
+8 -33
View File
@@ -27,9 +27,7 @@ import RoomCard from "../RoomCard";
enum RoomTypeFilter { enum RoomTypeFilter {
all = "all", all = "all",
me = "me", me = "me",
now = "now", live = "live",
scheduled = "scheduled",
recurring = "recurring",
archived = "archived", archived = "archived",
} }
@@ -150,13 +148,8 @@ export default function DashboardRoom() {
const meRooms = allRooms.filter((room) => const meRooms = allRooms.filter((room) =>
room.members.includes(currUser.uid) room.members.includes(currUser.uid)
); );
const nowRooms = allRooms.filter((room) => room.type == RoomType.now);
const scheduledRooms = allRooms.filter( const liveRooms = allRooms.filter((room) => room.status == RoomStatus.live);
(room) => room.type == RoomType.scheduled
);
const recurringRooms = allRooms.filter(
(room) => room.type == RoomType.recurring
);
const archivedRooms = allRooms.filter( const archivedRooms = allRooms.filter(
(room) => room.status == RoomStatus.archived (room) => room.status == RoomStatus.archived
); );
@@ -168,14 +161,8 @@ export default function DashboardRoom() {
return allRooms; return allRooms;
case RoomTypeFilter.me: case RoomTypeFilter.me:
return meRooms; return meRooms;
case RoomTypeFilter.now: case RoomTypeFilter.live:
return nowRooms; return liveRooms;
case RoomTypeFilter.scheduled:
return scheduledRooms;
case RoomTypeFilter.recurring:
return recurringRooms;
case RoomTypeFilter.archived:
return archivedRooms;
default: default:
return allRooms; return allRooms;
} }
@@ -210,21 +197,9 @@ export default function DashboardRoom() {
{RoomTypeFilter.me}{" "} {RoomTypeFilter.me}{" "}
<span className="text-xs text-orange-500">{meRooms.length}</span> <span className="text-xs text-orange-500">{meRooms.length}</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.now}> <Radio.Button value={RoomTypeFilter.live}>
{RoomTypeFilter.now}{" "} {RoomTypeFilter.live}{" "}
<span className="text-xs text-orange-500">{nowRooms.length}</span> <span className="text-xs text-orange-500">{liveRooms.length}</span>
</Radio.Button>
<Radio.Button value={RoomTypeFilter.scheduled}>
{RoomTypeFilter.scheduled}{" "}
<span className="text-xs text-orange-500">
{scheduledRooms.length}
</span>
</Radio.Button>
<Radio.Button value={RoomTypeFilter.recurring}>
{RoomTypeFilter.recurring}{" "}
<span className="text-xs text-orange-500">
{recurringRooms.length}
</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.archived}> <Radio.Button value={RoomTypeFilter.archived}>
{RoomTypeFilter.archived}{" "} {RoomTypeFilter.archived}{" "}