From d2be4c98d52b1548f5e95047884a2c356e59c47c Mon Sep 17 00:00:00 2001
From: senshiacy <uchiyama@usp.br>
Date: Tue, 23 Sep 2025 08:47:52 -0300
Subject: [PATCH 1/4] feat: add a page to register lectures

---
 src/app/semana/admin/palestra/page.tsx       |  8 +-
 src/components/palestras/palestras_forms.tsx | 92 ++++++++++++++++++++
 src/lib/submit.ts                            |  7 ++
 3 files changed, 105 insertions(+), 2 deletions(-)
 create mode 100644 src/components/palestras/palestras_forms.tsx
 create mode 100644 src/lib/submit.ts

diff --git a/src/app/semana/admin/palestra/page.tsx b/src/app/semana/admin/palestra/page.tsx
index ff4c5d8..66413e3 100644
--- a/src/app/semana/admin/palestra/page.tsx
+++ b/src/app/semana/admin/palestra/page.tsx
@@ -1,3 +1,7 @@
+import PalestrasForms from "@/components/palestras/palestras_forms"
+
 export default function PalestraPage() {
-  return <></>
-}
+  return (
+    <PalestrasForms></PalestrasForms>
+  )
+}
\ No newline at end of file
diff --git a/src/components/palestras/palestras_forms.tsx b/src/components/palestras/palestras_forms.tsx
new file mode 100644
index 0000000..8563bf8
--- /dev/null
+++ b/src/components/palestras/palestras_forms.tsx
@@ -0,0 +1,92 @@
+'use client'
+
+import React from "react";
+import { useState, FormEvent, ChangeEvent } from 'react'
+
+export default function PalestrasForms() {
+
+    const [numPalestrantes, setNumPalestrantes] = useState(1); // Por Default
+
+    async function cadastrar_palestra(event : FormEvent<HTMLFormElement>) {
+        //'use server'
+        const formData = new FormData(event.currentTarget);
+        const title = formData.get("title");
+        const name = formData.get("name");
+        const day = formData.get("data");
+
+        const response = await fetch('/api/atividade/', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                "title" : title,
+                "name" : name,
+                "day" : day
+            }),
+        })
+
+        const res = await response.json();
+    }
+
+    function handleNumPlestrantes (event : ChangeEvent<HTMLInputElement>) {
+        event.preventDefault();
+
+        const value = parseInt(event.target.value);
+        if(!isNaN(value)) {
+            setNumPalestrantes(value);
+        }
+    }
+
+    return (
+        <>
+            <div className="flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
+                <form className="max-w-sm mx-auto border rounded-2xl p-10 shadow-sm bg-white grid gap-4" onSubmit={cadastrar_palestra}>
+                    <div className="mb-5">
+                        <label htmlFor="title" className="block grid">
+                            Título da Palestra
+                        </label>
+                        <input id="title" name="title" className="border rounded p-2 mt-1"></input>
+                    </div>
+                    <div className="mb-5">
+                        <label htmlFor="num-palestrantes" className="block grid">
+                            Número de Palestrantes
+                        </label>
+                        <input 
+                            type="number" 
+                            id="num-palestrantes" 
+                            name="num-palestrantes" 
+                            className="border rounded p-2 mt-1" 
+                            min="1"
+                            max="20"
+                            value={Math.max(1, Math.min(20, numPalestrantes))}
+                            onChange={handleNumPlestrantes}></input>
+                    </div>
+
+                    {[...Array(numPalestrantes)].map((_, index) => (
+                        <div key={index}>
+                            <label htmlFor={`ǹame-${index}`}
+                            className="block grid">
+                                Nome do Palestrante {index + 1}
+                            </label>
+                            <input 
+                                id={`name-${index}`}
+                                name={`name-${index}`}
+                                className="border rounded p-2 mt-1"></input>
+                        </div>
+                    ))}
+
+                    <div className="mb-3 form-group">
+                        <label htmlFor="data" className="block grid">
+                            Data e Horário da Palestra
+                        </label>
+                        <input type="datetime-local" name="data" id="data" className="border rounded p-2 mt-1"></input> 
+                    </div>
+                    <div>
+                        <button type="submit" className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">
+                            Cadastrar Palestra
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/lib/submit.ts b/src/lib/submit.ts
new file mode 100644
index 0000000..d1776cd
--- /dev/null
+++ b/src/lib/submit.ts
@@ -0,0 +1,7 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+
+export default async function handler(req : NextApiRequest, res : NextApiResponse) {
+    const data = req.body
+    const id = await createItem(data)
+    res.status(200).json({id})
+}
\ No newline at end of file

From b847e38bba1fa28f23a85260a1d19f9b0ef6288a Mon Sep 17 00:00:00 2001
From: senshiacy <uchiyama@usp.br>
Date: Tue, 23 Sep 2025 09:04:41 -0300
Subject: [PATCH 2/4] fix: fixing date limits

Now, you can set a date between 2025-10-20 to 2025-10-25 (12h-18h).
---
 src/app/semana/admin/palestra/page.tsx       |   8 +-
 src/components/palestras/palestras_forms.tsx | 174 +++++++++++--------
 src/lib/submit.ts                            |  12 +-
 3 files changed, 106 insertions(+), 88 deletions(-)

diff --git a/src/app/semana/admin/palestra/page.tsx b/src/app/semana/admin/palestra/page.tsx
index 66413e3..a9d61f3 100644
--- a/src/app/semana/admin/palestra/page.tsx
+++ b/src/app/semana/admin/palestra/page.tsx
@@ -1,7 +1,5 @@
-import PalestrasForms from "@/components/palestras/palestras_forms"
+import PalestrasForms from '@/components/palestras/palestras_forms'
 
 export default function PalestraPage() {
-  return (
-    <PalestrasForms></PalestrasForms>
-  )
-}
\ No newline at end of file
+  return <PalestrasForms></PalestrasForms>
+}
diff --git a/src/components/palestras/palestras_forms.tsx b/src/components/palestras/palestras_forms.tsx
index 8563bf8..47f99ad 100644
--- a/src/components/palestras/palestras_forms.tsx
+++ b/src/components/palestras/palestras_forms.tsx
@@ -1,92 +1,112 @@
 'use client'
 
-import React from "react";
+import React from 'react'
 import { useState, FormEvent, ChangeEvent } from 'react'
 
 export default function PalestrasForms() {
+  const [numPalestrantes, setNumPalestrantes] = useState(1) // Por Default
 
-    const [numPalestrantes, setNumPalestrantes] = useState(1); // Por Default
+  async function cadastrar_palestra(event: FormEvent<HTMLFormElement>) {
+    //'use server'
+    const formData = new FormData(event.currentTarget)
+    const title = formData.get('title')
+    const day = formData.get('data')
 
-    async function cadastrar_palestra(event : FormEvent<HTMLFormElement>) {
-        //'use server'
-        const formData = new FormData(event.currentTarget);
-        const title = formData.get("title");
-        const name = formData.get("name");
-        const day = formData.get("data");
+    const name : string[] = [];
+    for(let i = 0; i < numPalestrantes; i++) {
+        const nome = formData.get(`name-${i}`);
+        if(nome) {
+            name.push(nome.toString());
+        }
+    }
 
-        const response = await fetch('/api/atividade/', {
-            method: 'POST',
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({
-                "title" : title,
-                "name" : name,
-                "day" : day
-            }),
-        })
+    const response = await fetch('/api/atividade/', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        title: title,
+        name: name,
+        day: day,
+      }),
+    })
 
-        const res = await response.json();
-    }
+    const res = await response.json()
+  }
 
-    function handleNumPlestrantes (event : ChangeEvent<HTMLInputElement>) {
-        event.preventDefault();
+  function handleNumPlestrantes(event: ChangeEvent<HTMLInputElement>) {
+    event.preventDefault()
 
-        const value = parseInt(event.target.value);
-        if(!isNaN(value)) {
-            setNumPalestrantes(value);
-        }
+    const value = parseInt(event.target.value)
+    if (!isNaN(value)) {
+      setNumPalestrantes(value)
     }
+  }
 
-    return (
-        <>
-            <div className="flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
-                <form className="max-w-sm mx-auto border rounded-2xl p-10 shadow-sm bg-white grid gap-4" onSubmit={cadastrar_palestra}>
-                    <div className="mb-5">
-                        <label htmlFor="title" className="block grid">
-                            Título da Palestra
-                        </label>
-                        <input id="title" name="title" className="border rounded p-2 mt-1"></input>
-                    </div>
-                    <div className="mb-5">
-                        <label htmlFor="num-palestrantes" className="block grid">
-                            Número de Palestrantes
-                        </label>
-                        <input 
-                            type="number" 
-                            id="num-palestrantes" 
-                            name="num-palestrantes" 
-                            className="border rounded p-2 mt-1" 
-                            min="1"
-                            max="20"
-                            value={Math.max(1, Math.min(20, numPalestrantes))}
-                            onChange={handleNumPlestrantes}></input>
-                    </div>
-
-                    {[...Array(numPalestrantes)].map((_, index) => (
-                        <div key={index}>
-                            <label htmlFor={`ǹame-${index}`}
-                            className="block grid">
-                                Nome do Palestrante {index + 1}
-                            </label>
-                            <input 
-                                id={`name-${index}`}
-                                name={`name-${index}`}
-                                className="border rounded p-2 mt-1"></input>
-                        </div>
-                    ))}
+  return (
+    <>
+      <div className="flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
+        <form
+          className="max-w-sm mx-auto border rounded-2xl p-10 shadow-sm bg-white grid gap-4"
+          onSubmit={cadastrar_palestra}
+        >
+          <div className="mb-5">
+            <label htmlFor="title" className="block grid">
+              Título da Palestra
+            </label>
+            <input id="title" name="title" className="border rounded p-2 mt-1"></input>
+          </div>
+          <div className="mb-5">
+            <label htmlFor="num-palestrantes" className="block grid">
+              Número de Palestrantes
+            </label>
+            <input
+              type="number"
+              id="num-palestrantes"
+              name="num-palestrantes"
+              className="border rounded p-2 mt-1"
+              min="1"
+              max="20"
+              value={Math.max(1, Math.min(20, numPalestrantes))}
+              onChange={handleNumPlestrantes}
+            ></input>
+          </div>
 
-                    <div className="mb-3 form-group">
-                        <label htmlFor="data" className="block grid">
-                            Data e Horário da Palestra
-                        </label>
-                        <input type="datetime-local" name="data" id="data" className="border rounded p-2 mt-1"></input> 
-                    </div>
-                    <div>
-                        <button type="submit" className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">
-                            Cadastrar Palestra
-                        </button>
-                    </div>
-                </form>
+          {[...Array(numPalestrantes)].map((_, index) => (
+            <div key={index}>
+              <label htmlFor={`ǹame-${index}`} className="block grid">
+                Nome do Palestrante {index + 1}
+              </label>
+              <input
+                id={`name-${index}`}
+                name={`name-${index}`}
+                className="border rounded p-2 mt-1"
+              ></input>
             </div>
-        </>
-    )
-}
\ No newline at end of file
+          ))}
+
+          <div className="mb-3 form-group">
+            <label htmlFor="data" className="block grid">
+              Data e Horário da Palestra
+            </label>
+            <input
+              type="datetime-local"
+              name="data"
+              id="data"
+              className="border rounded p-2 mt-1"
+              min="2025-10-20T12:00"
+              max="2025-10-25T18:00"
+            ></input>
+          </div>
+          <div>
+            <button
+              type="submit"
+              className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition"
+            >
+              Cadastrar Palestra
+            </button>
+          </div>
+        </form>
+      </div>
+    </>
+  )
+}
diff --git a/src/lib/submit.ts b/src/lib/submit.ts
index d1776cd..0750cb5 100644
--- a/src/lib/submit.ts
+++ b/src/lib/submit.ts
@@ -1,7 +1,7 @@
-import type { NextApiRequest, NextApiResponse } from "next";
+import type { NextApiRequest, NextApiResponse } from 'next'
 
-export default async function handler(req : NextApiRequest, res : NextApiResponse) {
-    const data = req.body
-    const id = await createItem(data)
-    res.status(200).json({id})
-}
\ No newline at end of file
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const data = req.body
+  const id = await createItem(data)
+  res.status(200).json({ id })
+}

From 4334bf998afb28d689dde3a005e54bf8dcbe4c4f Mon Sep 17 00:00:00 2001
From: senshiacy <uchiyama@usp.br>
Date: Tue, 23 Sep 2025 09:42:42 -0300
Subject: [PATCH 3/4] fix: fixing range of speakers

---
 src/components/palestras/palestras_forms.tsx | 45 ++++++++++++--------
 1 file changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/components/palestras/palestras_forms.tsx b/src/components/palestras/palestras_forms.tsx
index 47f99ad..10379c2 100644
--- a/src/components/palestras/palestras_forms.tsx
+++ b/src/components/palestras/palestras_forms.tsx
@@ -1,23 +1,23 @@
 'use client'
 
 import React from 'react'
-import { useState, FormEvent, ChangeEvent } from 'react'
+import { useState, ChangeEvent } from 'react'
 
 export default function PalestrasForms() {
   const [numPalestrantes, setNumPalestrantes] = useState(1) // Por Default
+  const [erroPalestrantes, setErroPalestrantes] = useState('')
 
-  async function cadastrar_palestra(event: FormEvent<HTMLFormElement>) {
-    //'use server'
-    const formData = new FormData(event.currentTarget)
+  async function cadastrar_palestra(formData: FormData) {
+    //const formData = new FormData(event.currentTarget)
     const title = formData.get('title')
     const day = formData.get('data')
 
-    const name : string[] = [];
-    for(let i = 0; i < numPalestrantes; i++) {
-        const nome = formData.get(`name-${i}`);
-        if(nome) {
-            name.push(nome.toString());
-        }
+    const name: string[] = []
+    for (let i = 0; i < numPalestrantes; i++) {
+      const nome = formData.get(`name-${i}`)
+      if (nome) {
+        name.push(nome.toString())
+      }
     }
 
     const response = await fetch('/api/atividade/', {
@@ -34,11 +34,13 @@ export default function PalestrasForms() {
   }
 
   function handleNumPlestrantes(event: ChangeEvent<HTMLInputElement>) {
-    event.preventDefault()
-
     const value = parseInt(event.target.value)
-    if (!isNaN(value)) {
+    if (!isNaN(value) && value >= 1 && value <= 20) {
+      setErroPalestrantes('')
       setNumPalestrantes(value)
+    } else {
+      setErroPalestrantes('Digite um valor entre 1 e 20')
+      setNumPalestrantes(0)
     }
   }
 
@@ -47,13 +49,18 @@ export default function PalestrasForms() {
       <div className="flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
         <form
           className="max-w-sm mx-auto border rounded-2xl p-10 shadow-sm bg-white grid gap-4"
-          onSubmit={cadastrar_palestra}
+          action={cadastrar_palestra}
         >
           <div className="mb-5">
             <label htmlFor="title" className="block grid">
               Título da Palestra
             </label>
-            <input id="title" name="title" className="border rounded p-2 mt-1"></input>
+            <input
+              id="title"
+              name="title"
+              className="border rounded p-2 mt-1"
+              required
+            ></input>
           </div>
           <div className="mb-5">
             <label htmlFor="num-palestrantes" className="block grid">
@@ -66,14 +73,17 @@ export default function PalestrasForms() {
               className="border rounded p-2 mt-1"
               min="1"
               max="20"
-              value={Math.max(1, Math.min(20, numPalestrantes))}
+              defaultValue="1"
               onChange={handleNumPlestrantes}
             ></input>
+            {erroPalestrantes && (
+              <span className="text-red-500 text-sm mt-1 block">{erroPalestrantes}</span>
+            )}
           </div>
 
           {[...Array(numPalestrantes)].map((_, index) => (
             <div key={index}>
-              <label htmlFor={`ǹame-${index}`} className="block grid">
+              <label htmlFor={`name-${index}`} className="block grid">
                 Nome do Palestrante {index + 1}
               </label>
               <input
@@ -95,6 +105,7 @@ export default function PalestrasForms() {
               className="border rounded p-2 mt-1"
               min="2025-10-20T12:00"
               max="2025-10-25T18:00"
+              required
             ></input>
           </div>
           <div>

From e7e2bf36c69af26e6cdef2fbf8d13e5411b5e2c8 Mon Sep 17 00:00:00 2001
From: senshiacy <uchiyama@usp.br>
Date: Thu, 25 Sep 2025 10:33:04 -0300
Subject: [PATCH 4/4] feat: New Implementation

---
 src/components/palestras/palestras_forms.tsx | 150 ++++++++++---------
 src/components/palestras/palestras_label.tsx |  24 +++
 2 files changed, 106 insertions(+), 68 deletions(-)
 create mode 100644 src/components/palestras/palestras_label.tsx

diff --git a/src/components/palestras/palestras_forms.tsx b/src/components/palestras/palestras_forms.tsx
index 10379c2..48647fc 100644
--- a/src/components/palestras/palestras_forms.tsx
+++ b/src/components/palestras/palestras_forms.tsx
@@ -1,12 +1,14 @@
 'use client'
 
 import React from 'react'
-import { useState, ChangeEvent } from 'react'
+import { useState, MouseEventHandler } from 'react'
+import PalestrasLabel from './palestras_label'
 
 export default function PalestrasForms() {
   const [numPalestrantes, setNumPalestrantes] = useState(1) // Por Default
-  const [erroPalestrantes, setErroPalestrantes] = useState('')
 
+  /*
+  const [erroPalestrantes, setErroPalestrantes] = useState('')
   async function cadastrar_palestra(formData: FormData) {
     //const formData = new FormData(event.currentTarget)
     const title = formData.get('title')
@@ -32,87 +34,99 @@ export default function PalestrasForms() {
 
     const res = await response.json()
   }
+  */
 
-  function handleNumPlestrantes(event: ChangeEvent<HTMLInputElement>) {
-    const value = parseInt(event.target.value)
-    if (!isNaN(value) && value >= 1 && value <= 20) {
-      setErroPalestrantes('')
-      setNumPalestrantes(value)
-    } else {
-      setErroPalestrantes('Digite um valor entre 1 e 20')
-      setNumPalestrantes(0)
-    }
+  function handleNumPalestrantes() {
+    setNumPalestrantes(numPalestrantes + 1);
+  }
+
+  function removePalestrantes() {
+    setNumPalestrantes(numPalestrantes - 1);
   }
 
   return (
     <>
-      <div className="flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
+      <div className=" max-w-5xl mx-auto p-6 flex items-center justify-center min-h-screen py-10 overflow-y-auto bg-gray-100">
         <form
-          className="max-w-sm mx-auto border rounded-2xl p-10 shadow-sm bg-white grid gap-4"
-          action={cadastrar_palestra}
+          className="border rounded-2xl shadow-sm bg-white p-10 w-full m-10"
+          //action={cadastrar_palestra}
         >
-          <div className="mb-5">
-            <label htmlFor="title" className="block grid">
-              Título da Palestra
-            </label>
-            <input
-              id="title"
-              name="title"
-              className="border rounded p-2 mt-1"
-              required
-            ></input>
-          </div>
-          <div className="mb-5">
-            <label htmlFor="num-palestrantes" className="block grid">
-              Número de Palestrantes
-            </label>
-            <input
-              type="number"
-              id="num-palestrantes"
-              name="num-palestrantes"
-              className="border rounded p-2 mt-1"
-              min="1"
-              max="20"
-              defaultValue="1"
-              onChange={handleNumPlestrantes}
-            ></input>
-            {erroPalestrantes && (
-              <span className="text-red-500 text-sm mt-1 block">{erroPalestrantes}</span>
-            )}
-          </div>
+          <h2 className="text-xl font-semibold">Adicionar Palestra</h2>
+          <PalestrasLabel 
+            value="title" 
+            label="Título da Palestra"
+            type="name">
+          </PalestrasLabel>
 
           {[...Array(numPalestrantes)].map((_, index) => (
-            <div key={index}>
-              <label htmlFor={`name-${index}`} className="block grid">
-                Nome do Palestrante {index + 1}
-              </label>
-              <input
-                id={`name-${index}`}
-                name={`name-${index}`}
-                className="border rounded p-2 mt-1"
-              ></input>
-            </div>
+            <PalestrasLabel 
+              value={`name-${index + 1}`} 
+              label={`Nome do Palestrante ${index + 1}`}
+              type="name">
+            </PalestrasLabel>
           ))}
 
-          <div className="mb-3 form-group">
-            <label htmlFor="data" className="block grid">
-              Data e Horário da Palestra
+          {numPalestrantes < 20 && (
+          <div className='flex items-center justify-center'>
+            <button
+              type="submit"
+              className="bg-rose-600 
+                text-white 
+                px-4
+                py-2 
+                rounded 
+                hover:bg-rose-700 
+                transition
+                p-2 
+                mt-1
+                w-full"
+              onClick={handleNumPalestrantes}
+            >Adicionar Mais um Palestrante</button>
+          </div>)}
+
+          {numPalestrantes > 1 && (
+            <div className='flex items-center justify-center'>
+              <button
+                type="submit"
+                className="bg-rose-600 
+                  text-white 
+                  px-4
+                  py-2 
+                  rounded 
+                  hover:bg-rose-700 
+                  transition
+                  p-2 
+                  mt-1
+                  w-full"
+                onClick={removePalestrantes}
+              >
+                Remover Palestrante
+              </button>
+            </div>
+          )}
+
+        <div className="mb-5 w-full">
+            <label 
+                htmlFor='data'
+                className="block grid p-2 mt-1 w-full">
+                Data e Horário da Palestra
             </label>
             <input
-              type="datetime-local"
-              name="data"
-              id="data"
-              className="border rounded p-2 mt-1"
-              min="2025-10-20T12:00"
-              max="2025-10-25T18:00"
-              required
-            ></input>
-          </div>
-          <div>
+                id="data"
+                name="data"
+                type="datetime-local"
+                className="border rounded p-2 mt-1 w-full"
+                required
+                min="2025-10-20T12:00"
+                max="2025-10-24T18:00"
+                >
+          </input>
+        </div>
+
+          <div className='flex items-center justify-center'>
             <button
               type="submit"
-              className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition"
-            >
+              className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition w-full">
               Cadastrar Palestra
             </button>
           </div>
diff --git a/src/components/palestras/palestras_label.tsx b/src/components/palestras/palestras_label.tsx
new file mode 100644
index 0000000..cdc4b26
--- /dev/null
+++ b/src/components/palestras/palestras_label.tsx
@@ -0,0 +1,24 @@
+interface PalestrasLabelProps {
+    value : string;
+    label : string;
+    type : string;
+}
+
+export default function PalestrasLabel({ value, label, type} : PalestrasLabelProps) {
+    return (
+        <div className="mb-5 w-full">
+            <label 
+                htmlFor={value} 
+                className="block grid p-2 mt-1 w-full">
+                {label}
+            </label>
+            <input
+                id={value}
+                name={value}
+                type={type}
+                className="border rounded p-2 mt-1 w-full"
+                required>
+            </input>
+        </div>
+    );
+}
\ No newline at end of file