feat(temporary): add an alert for next session (#227)

coderdojobraga · Mar 16, 2024 · 44c5376 · 44c5376
1 parent 74848c8
commit 44c5376
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 6 deletions.
diff --git a/apps/app/pages/event/[id].tsx b/apps/app/pages/event/[id].tsx
@@ -1,9 +1,6 @@
 import Link from "next/link";
-import { useRouter } from "next/router";
-import { useEffect, useState } from "react";
-import { useAuth } from "@coderdojobraga/ui";
-import { withAuth } from "~/components/Auth";
 import {
+  Alert,
   Avatar,
   Button,
   Col,
@@ -15,6 +12,10 @@ import {
   Select,
   Typography,
 } from "antd";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { useAuth } from "@coderdojobraga/ui";
+import { withAuth } from "~/components/Auth";
 import { useEvent } from "~/hooks/events";
 import AppLayout from "~/layouts/AppLayout";
 import Event from "~/components/Event";
@@ -215,6 +216,13 @@ function EventPage() {
   };
   return (
     <AppLayout>
+      <Alert
+        message="O número total de vagas para a sessão do dia 23 de março foi atingida."
+        type="warning"
+        showIcon
+        closable
+        style={{ marginBottom: "1rem" }}
+      />
       <Title level={2}>Detalhes do evento</Title>
       <Row align="top" justify="space-between" style={{ marginBottom: "8px" }}>
         <Event

diff --git a/apps/app/pages/events.js b/apps/app/pages/events.js
@@ -1,4 +1,4 @@
-import { Col, Row, Typography } from "antd";
+import { Alert, Col, Row, Typography } from "antd";
 import AppLayout from "~/layouts/AppLayout";
 import { withAuth } from "~/components/Auth";
 import Event from "~/components/Event";
@@ -13,6 +13,13 @@ function Events() {
 
   return (
     <AppLayout>
+      <Alert
+        message="O número total de vagas para a sessão do dia 23 de março foi atingido."
+        type="warning"
+        showIcon
+        closable
+        style={{ marginBottom: "1rem" }}
+      />
       <Title level={2}>Eventos</Title>
       <Row className={styles.row} align="top" justify="start" gutter={[16, 16]}>
         {events?.map((info) => (

diff --git a/apps/app/pages/index.tsx b/apps/app/pages/index.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { Button, Col, Popconfirm, Row, Typography } from "antd";
+import { Alert, Button, Col, Popconfirm, Row, Typography } from "antd";
 import { useAuth } from "@coderdojobraga/ui";
 import { withAuth } from "~/components/Auth/withAuth";
 import AppLayout from "~/layouts/AppLayout";
@@ -70,6 +70,13 @@ function Dashboard() {
   return (
     <>
       <AppLayout>
+        <Alert
+          message="O número total de vagas para a sessão do dia 23 de março foi atingido."
+          type="warning"
+          showIcon
+          closable
+          style={{ marginBottom: "1rem" }}
+        />
         <Title level={2}>Painel Principal</Title>
         <Row justify="space-between" gutter={8}>
           <Title level={3}>Próximo Evento</Title>