diff --git a/frontend/src/views/coordinator/Schedule.tsx b/frontend/src/views/coordinator/Schedule.tsx
new file mode 100644
index 0000000..237c836
--- /dev/null
+++ b/frontend/src/views/coordinator/Schedule.tsx
@@ -0,0 +1,172 @@
+import { Calendar, luxonLocalizer, Views } from 'react-big-calendar'
+import { DateTime, Settings } from 'luxon'
+import { useCallback, useState } from 'react'
+import { useMutation, useQuery } from 'react-query'
+import { createEvent, getEvents } from '../../api/schedule'
+import { useParams } from 'react-router-dom'
+import Modal from 'react-modal'
+import { useForm } from 'react-hook-form'
+
+const customStyles = {
+ content: {
+ top: '50%',
+ left: '50%',
+ right: 'auto',
+ bottom: 'auto',
+ marginRight: '-50%',
+ transform: 'translate(-50%, -50%)',
+ },
+}
+
+const Schedule = () => {
+ Settings.defaultZone = DateTime.local().zoneName
+ Settings.defaultLocale = 'pl'
+
+ const { id } = useParams<{ id: string }>()
+ const [events, setEvents] = useState<
+ {
+ id: number
+ title: string
+ start: Date
+ end: Date
+ }[]
+ >([])
+ const [selectedDate, setSelectedDate] = useState<{
+ start: Date
+ end: Date
+ title: string
+ id: number
+ }>()
+ const [view, setView] = useState(Views.MONTH)
+ const onView = useCallback((newView: any) => setView(newView), [setView])
+
+ const [isModalOpen, setIsModalOpen] = useState(false)
+ Modal.setAppElement('#root')
+
+ const { register, handleSubmit, reset } = useForm<{
+ from: string
+ to: string
+ }>({ mode: 'onBlur' })
+
+ const { refetch } = useQuery(['schedules'], () => getEvents(Number(id)), {
+ onSuccess: (data) => {
+ setEvents(
+ data.data.enrollments.map(
+ ({ id, start_date, end_date, title = 'Obrona' }) => {
+ return {
+ id,
+ title,
+ start: new Date(start_date),
+ end: new Date(end_date),
+ }
+ },
+ ),
+ )
+ },
+ })
+ const { mutateAsync: mutateCreateEvent } = useMutation(
+ ['createEvent'],
+ (data: { start_date: string; end_date: string; scheduleId: number }) =>
+ createEvent(data),
+ )
+
+ const handleSelectSlot = async (event: any) => {
+ setSelectedDate(event)
+ if (view === Views.MONTH) {
+ setIsModalOpen(true)
+ } else {
+ await mutateCreateEvent({
+ start_date: DateTime.fromJSDate(event.start).toFormat(
+ 'yyyy-LL-dd HH:mm:ss',
+ ),
+ end_date: DateTime.fromJSDate(event.end).toFormat(
+ 'yyyy-LL-dd HH:mm:ss',
+ ),
+ scheduleId: Number(id),
+ })
+ refetch()
+ }
+ }
+
+ const handleSelectEvent = useCallback(
+ (event: { id: number; title: string; start: Date; end: Date }) =>
+ window.alert(event.title),
+ [],
+ )
+
+ function closeModal() {
+ setIsModalOpen(false)
+ }
+ const onSubmit = async (data: any) => {
+ if (selectedDate && view === Views.MONTH) {
+ const from = data.from.split(':')
+ const to = data.to.split(':')
+ await mutateCreateEvent({
+ start_date: DateTime.fromJSDate(selectedDate.start)
+ .set({ hour: from[0], minute: from[1] })
+ .toFormat('yyyy-LL-dd HH:mm:ss'),
+ end_date: DateTime.fromJSDate(selectedDate.start)
+ .set({ hour: to[0], minute: to[1] })
+ .toFormat('yyyy-LL-dd HH:mm:ss'),
+ scheduleId: Number(id),
+ })
+ refetch()
+ reset()
+ closeModal()
+ }
+ }
+
+ return (
+
+ )
+}
+
+export default Schedule
diff --git a/frontend/src/views/coordinator/Schedules.tsx b/frontend/src/views/coordinator/Schedules.tsx
new file mode 100644
index 0000000..2d669bb
--- /dev/null
+++ b/frontend/src/views/coordinator/Schedules.tsx
@@ -0,0 +1,60 @@
+import { useMutation, useQuery } from 'react-query'
+import { createSchedule, getSchedules } from '../../api/schedule'
+import { useForm } from 'react-hook-form'
+import { Link } from 'react-router-dom'
+
+const Schedules = () => {
+ const { register, handleSubmit } = useForm<{ title: string }>({
+ mode: 'onBlur',
+ })
+
+ const { data: schedules, refetch } = useQuery(['getSchedules'], () =>
+ getSchedules(),
+ )
+
+ const { mutate: mutateCreateSchedule } = useMutation(
+ ['createSchedule'],
+ ({ title }: { title: string }) => createSchedule(title),
+ {
+ onSuccess: () => {
+ refetch()
+ },
+ },
+ )
+
+ const onSubmit = (data: any) => {
+ mutateCreateSchedule(data)
+ }
+
+ return (
+
+
+ {schedules &&
+ schedules?.data?.examination_schedules.map((schedule) => (
+
+
+ {schedule.title}
+
+
+ ))}
+
+ )
+}
+
+export default Schedules
diff --git a/frontend/src/views/supervisor/Supervisor.tsx b/frontend/src/views/supervisor/Supervisor.tsx
new file mode 100644
index 0000000..be1b8a9
--- /dev/null
+++ b/frontend/src/views/supervisor/Supervisor.tsx
@@ -0,0 +1,15 @@
+import { Outlet } from 'react-router-dom'
+import TopBar from '../../components/TopBar'
+
+const Supervisor = () => {
+ return (
+ <>
+
+
+
+
+
+ )
+}
+
+export default Supervisor
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index c0b9ebc..49032df 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -3,5 +3,8 @@ module.exports = {
theme: {
extend: {},
},
+ daisyui: {
+ themes: ['light'],
+ },
plugins: [require('daisyui')],
}