{
- setShowPopup(true);
+ const [currentMeetingIndex, setCurrentMeetingIndex] = useState(null);
+
+ const handleAddMeeting = () => {
+ const newMeeting = {
+ nome: `Reunião ${meetings.length + 1}`,
+ files: [],
+ members: [
+ { nome: 'Membro 1', matricula: '001', presente: false },
+ { nome: 'Membro 2', matricula: '002', presente: false },
+ // eh necessario add uma lista c todos os membros
+ ]
+ };
+ setMeetings([...meetings, newMeeting]);
+ };
+
+ const handleImageClick = (index) => {
+ setCurrentMeetingIndex(index);
+ setShowPopup(true);
};
-
+
const handleClosePopup = () => {
- setShowPopup(false);
+ setShowPopup(false);
+ setCurrentMeetingIndex(null);
};
-
- const handleLinkChange = (e) => {
- setLink(e.target.value);
+
+ const handleFileChange = (e) => {
+ const updatedMeetings = [...meetings];
+ updatedMeetings[currentMeetingIndex].file = e.target.files[0];
+ updatedMeetings[currentMeetingIndex].fileName = e.target.files[0].name;
+ setMeetings(updatedMeetings);
};
-
- const handleDescricaoChange = (e) => {
- setDescricao(e.target.value);
+
+ const handleFileSubmit = (e) => {
+ e.preventDefault();
+ const updatedMeetings = [...meetings];
+ const currentMeeting = updatedMeetings[currentMeetingIndex];
+ if (currentMeeting.file && currentMeeting.fileName.trim() !== '') {
+ const dateAdded = new Date().toLocaleDateString();
+ currentMeeting.files.push({ file: currentMeeting.file, fileName: currentMeeting.fileName, dateAdded });
+ }
+ setShowPopup(false);
+ setMeetings(updatedMeetings);
};
-
- const handleSubmit = (e) => {
- e.preventDefault();
- if (link.trim() !== '' && descricao.trim() !== '') {
- setLinks([...links, { descricao, link }]);
- }
- setShowPopup(false);
- setLink('');
- setDescricao('');
+
+ const handleRemoveFile = (meetingIndex, fileIndex) => {
+ const updatedMeetings = [...meetings];
+ updatedMeetings[meetingIndex].files.splice(fileIndex, 1);
+ setMeetings(updatedMeetings);
};
-
- const handleRemoveLink = (index) => {
- const updatedLinks = [...links];
- updatedLinks.splice(index, 1);
- setLinks(updatedLinks);
+
+ const handlePresenceChange = (meetingIndex, memberIndex) => {
+ const updatedMeetings = [...meetings];
+ const member = updatedMeetings[meetingIndex].members[memberIndex];
+ member.presente = !member.presente;
+ setMeetings(updatedMeetings);
};
-
+
return (
- <>
-
-
-
- Reuniões
-
-
-
-
- {showPopup && (
-
- Adicionar reunião
-
-
-
- ×
-
+ <>
+
- )}
-
-
+
- Reuniões
+
- {links.map((item, index) => (
-
-
+
);
-
- }
+}
-export default Meeting ;
\ No newline at end of file
+export default Meeting;
-
-
- 
handleRemoveLink(index)}>
-
- ))}
- handleRemoveLink(index)}>
- - {item.descricao} -
- +
+ {meetings.map((meeting, meetingIndex) => (
+
-
+
+
+
+
+ ))}
+ {showPopup && (
+ {meeting.nome}
+
+ handleImageClick(meetingIndex)} />
+
+ handleImageClick(meetingIndex)} />
+ Adicionar Arquivo
+
+ {meeting.files.map((item, fileIndex) => (
+
+
+
+ ))}
+
+ handleRemoveFile(meetingIndex, fileIndex)} />
+
+ handleRemoveFile(meetingIndex, fileIndex)} />
+ + {item.fileName} (Adicionado em: {item.dateAdded}) +
+| Nome | +Matrícula | +Presença | +
|---|---|---|
| {member.nome} | +{member.matricula} | ++ handlePresenceChange(meetingIndex, memberIndex)} + /> + | +
+
+ )}
+ ×
+
+
+