feat: add enrollments/availabilities counter to event show page (#204)

coderdojobraga · Oct 16, 2023 · 6dae3cb · 6dae3cb
1 parent 99e3f63
commit 6dae3cb
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/apps/app/components/Availability/index.tsx b/apps/app/components/Availability/index.tsx
@@ -3,17 +3,13 @@ import Link from "next/link";
 
 const { Title } = Typography;
 
-function Availability({
-  title,
-  buttonTitle,
-  mentors,
-  available,
-  setAvailable,
-}: any) {
+function Availability({ title, mentors, available, setAvailable }: any) {
   return (
     <>
       <Row style={{ display: "flex", justifyContent: "space-between" }}>
-        <Title level={2}>{title}</Title>
+        <Title level={2}>
+          {title} ({mentors.length})
+        </Title>
         <Switch
           defaultChecked={available}
           style={{ float: "right" }}

diff --git a/apps/app/pages/admin/event/[id].tsx b/apps/app/pages/admin/event/[id].tsx
@@ -63,15 +63,13 @@ function EventPage() {
         {available ? (
           <Availability
             title="Mentores disponíveis"
-            buttonTitle="Mentores indisponíveis"
             mentors={availableMentors}
             available={available}
             setAvailable={setAvailable}
           />
         ) : (
           <Availability
             title="Mentores indisponíveis"
-            buttonTitle="Mentores disponíveis"
             mentors={unavailableMentors}
             available={available}
             setAvailable={setAvailable}
@@ -80,7 +78,7 @@ function EventPage() {
       </>
       <Divider />
       <Col>
-        <Title level={2}>Ninjas inscritos</Title>
+        <Title level={2}>Ninjas inscritos ({enrolledNinjas.length})</Title>
         <List
           itemLayout="vertical"
           dataSource={enrolledNinjas}

diff --git a/apps/app/pages/event/[id].tsx b/apps/app/pages/event/[id].tsx
@@ -337,7 +337,7 @@ function EventPage() {
           </>
         ) : (
           <>
-            <Title level={2}>Ninjas inscritos</Title>
+            <Title level={2}>Ninjas inscritos ({enrolledNinjas.length})</Title>
             <List
               itemLayout="vertical"
               dataSource={enrolledNinjas}