diff --git a/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/ModalFiles/index.tsx b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/ModalFiles/index.tsx new file mode 100644 index 0000000..0bc72c8 --- /dev/null +++ b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/ModalFiles/index.tsx @@ -0,0 +1,26 @@ +import { Galleria } from "primereact/galleria"; +import { MeetingArc } from "../../../../../../Context/Classroom/Meeting/MeetingListRegistration/type"; +import { Dialog } from "primereact/dialog"; +import { Padding } from "../../../../../../Styles/styles"; + +const ModalFiles = ({ item, onHide, visible, index }: { item: MeetingArc[], visible: boolean, onHide: () => void, index: number }) => { + + + + const itemTemplate = (item: MeetingArc) => { + return {item.original_name}; + }; + + return ( + + + +
+ +
+
+
+ ) +} + +export default ModalFiles \ No newline at end of file diff --git a/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/UploadArchivesAttendanceList/index.tsx b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/UploadArchivesAttendanceList/index.tsx index d7c4af1..017a8e0 100644 --- a/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/UploadArchivesAttendanceList/index.tsx +++ b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/UploadArchivesAttendanceList/index.tsx @@ -27,12 +27,12 @@ const ListArchivesAttendanceList = ({ item }: { item: MeetingArc }) => { marginBottom: "8px", }} onClick={() => { - window.open( - item.archive_url ?? - process.env.REACT_APP_API_PATH + - `archive-meeting-bff/${item.id}/` + - item.original_name - ); + // window.open( + // item.archive_url ?? + // process.env.REACT_APP_API_PATH + + // `archive-meeting-bff/${item.id}/` + + // item.original_name + // ); }} > diff --git a/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/index.tsx b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/index.tsx index 3341ff6..9174ebf 100644 --- a/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/index.tsx +++ b/src/Pages/Classroom/ClassroomOne/MeetingList/Meeting/index.tsx @@ -1,5 +1,5 @@ import { Message } from "primereact/message"; -import { useContext } from "react"; +import { useContext, useState } from "react"; import Upload from "../../../../../Components/Upload"; import { AplicationContext } from "../../../../../Context/Aplication/context"; import MeetingListRegistrationProvider, { @@ -15,6 +15,7 @@ import ListArchivesAttendanceList from "./UploadArchivesAttendanceList"; import Loading from "../../../../../Components/Loading"; import TextAreaComponent from "../../../../../Components/TextArea"; import { Chip } from "primereact/chip"; +import ModalFiles from "./ModalFiles"; const Meeting = () => { return ( @@ -29,6 +30,9 @@ const MeetingPage = () => { MeetingListRegistrationContext ) as MeetingListRegisterTypes; + const [visible, setVisible] = useState(false) + const [indexImage, setindexImage] = useState(0) + const propsAplication = useContext( AplicationContext ) as PropsAplicationContext; @@ -47,19 +51,19 @@ const MeetingPage = () => { props.meeting?.status === Status.PENDING ? "warn" : props.meeting?.status === Status.APPROVED - ? "success" - : props.meeting?.status === Status.REPROVED - ? "error" - : "info" + ? "success" + : props.meeting?.status === Status.REPROVED + ? "error" + : "info" } text={ props.meeting?.status === Status.PENDING ? "Pendente" : props.meeting?.status === Status.APPROVED - ? "Aprovado" - : props.meeting?.status === Status.REPROVED - ? "Pendente de Revisão" - : "info" + ? "Aprovado" + : props.meeting?.status === Status.REPROVED + ? "Pendente de Revisão" + : "info" } /> @@ -95,14 +99,14 @@ const MeetingPage = () => { props.meeting.status === Status.APPROVED && propsAplication.user?.role === ROLE.REAPPLICATORS ) && ( -
-
- - - +
+
+ + + +
-
- )} + )} {props.meeting?.meeting_archives?.length > 0 && ( @@ -110,12 +114,13 @@ const MeetingPage = () => {
- {props.meeting?.meeting_archives?.map((item) => { - return ; + {props.meeting?.meeting_archives?.map((item, index) => { + return
{ setVisible(!visible); setindexImage(index) }}>
; })}
{/* {true ? : } */} + setVisible(!visible)} />