talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

cleaning up to include count of each tab

Browse Source
This commit is contained in:
Arjun Patel
2022-01-17 15:33:49 -08:00
parent c58890ee10
commit 9beb53fa8f
1 changed files with 31 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Dashboard/Rooms.tsx
+31 -19
View File
@@ -147,6 +147,19 @@ export default function DashboardRoom() {
// } // }
const allRooms = Array.from(roomsMap.values()); const allRooms = Array.from(roomsMap.values());
const meRooms = allRooms.filter((room) =>
room.members.includes(currUser.uid)
);
const nowRooms = allRooms.filter((room) => room.type == RoomType.now);
const scheduledRooms = allRooms.filter(
(room) => room.type == RoomType.scheduled
);
const recurringRooms = allRooms.filter(
(room) => room.type == RoomType.recurring
);
const archivedRooms = allRooms.filter(
(room) => room.type == RoomType.archived
);
function getRoomContent() { function getRoomContent() {
// return data based on the selected filters // return data based on the selected filters
@@ -154,27 +167,14 @@ export default function DashboardRoom() {
case RoomTypeFilter.all: case RoomTypeFilter.all:
return allRooms; return allRooms;
case RoomTypeFilter.me: case RoomTypeFilter.me:
const meRooms = allRooms.filter((room) =>
room.members.includes(currUser.uid)
);
return meRooms; return meRooms;
case RoomTypeFilter.now: case RoomTypeFilter.now:
const nowRooms = allRooms.filter((room) => room.type == RoomType.now);
return nowRooms; return nowRooms;
case RoomTypeFilter.scheduled: case RoomTypeFilter.scheduled:
const scheduledRooms = allRooms.filter(
(room) => room.type == RoomType.scheduled
);
return scheduledRooms; return scheduledRooms;
case RoomTypeFilter.recurring: case RoomTypeFilter.recurring:
const recurringRooms = allRooms.filter(
(room) => room.type == RoomType.recurring
);
return recurringRooms; return recurringRooms;
case RoomTypeFilter.archived: case RoomTypeFilter.archived:
const archivedRooms = allRooms.filter(
(room) => room.type == RoomType.archived
);
return archivedRooms; return archivedRooms;
default: default:
return allRooms; return allRooms;
@@ -203,22 +203,34 @@ export default function DashboardRoom() {
onChange={(e) => setSelectedTabPane(e.target.value)} onChange={(e) => setSelectedTabPane(e.target.value)}
> >
<Radio.Button value={RoomTypeFilter.all}> <Radio.Button value={RoomTypeFilter.all}>
{RoomTypeFilter.all} {RoomTypeFilter.all}{" "}
<span className="text-xs text-orange-500">{allRooms.length}</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.me}> <Radio.Button value={RoomTypeFilter.me}>
{RoomTypeFilter.me} {RoomTypeFilter.me}{" "}
<span className="text-xs text-orange-500">{meRooms.length}</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.now}> <Radio.Button value={RoomTypeFilter.now}>
{RoomTypeFilter.now} {RoomTypeFilter.now}{" "}
<span className="text-xs text-orange-500">{nowRooms.length}</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.scheduled}> <Radio.Button value={RoomTypeFilter.scheduled}>
{RoomTypeFilter.scheduled} {RoomTypeFilter.scheduled}{" "}
<span className="text-xs text-orange-500">
{scheduledRooms.length}
</span>
</Radio.Button> </Radio.Button>
<Radio.Button value={RoomTypeFilter.recurring}> <Radio.Button value={RoomTypeFilter.recurring}>
{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}{" "}
<span className="text-xs text-orange-500">
{archivedRooms.length}
</span>
</Radio.Button> </Radio.Button>
</Radio.Group> </Radio.Group>