diff --git a/public/help/ready-button.webp b/public/help/ready-button.webp
new file mode 100644
index 0000000..c9a40c8
Binary files /dev/null and b/public/help/ready-button.webp differ
diff --git a/src/components/Calendar.tsx b/src/components/Calendar.tsx
index 212df35..a5d8d4b 100644
--- a/src/components/Calendar.tsx
+++ b/src/components/Calendar.tsx
@@ -1,4 +1,4 @@
-import { Button, Tooltip } from '@nextui-org/react';
+import { Button, Tooltip, useDisclosure } from '@nextui-org/react';
import clsx from 'clsx';
import { useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
@@ -6,7 +6,11 @@ import { create } from 'zustand';
import { WEEK_DAYS } from '../constants/week-days';
import { YEAR } from '../constants/year';
-import { useCourseColor, useEnrolledCourse } from '../data/enrolled-courses';
+import {
+ useCourseColor,
+ useEnrolledCourse,
+ useEnrolledCourses,
+} from '../data/enrolled-courses';
import { useCalendar, useOtherWeekCourseTimes } from '../helpers/calendar';
import { useCalendarHourHeight } from '../helpers/calendar-hour-height';
import { calcHoursDuration } from '../helpers/hours-duration';
@@ -15,6 +19,7 @@ import type dayjs from '../lib/dayjs';
import type { DateTimeRange, WeekCourse, WeekCourses } from '../types/course';
import { timeToDayjs } from '../utils/date';
import { useDrag, useDrop } from '../utils/dnd';
+import { EnrolmentModal } from './EnrolmentModal';
type DraggingCourseState = {
isDragging: boolean;
@@ -175,6 +180,38 @@ const CalendarHeader = ({
);
};
+const EndActions = () => {
+ const { t } = useTranslation();
+
+ const blockHeight = useCalendarHourHeight((s) => s.height);
+
+ const {
+ isOpen: isReadyModalOpen,
+ onOpen: onReadyModalOpen,
+ onOpenChange: onReadyModalOpenChange,
+ } = useDisclosure();
+ return (
+
+ {/* TODO: Share Button */}
+
+
+
+ );
+};
+
const CalendarBg = ({ currentWeek }: { currentWeek: dayjs.Dayjs }) => {
const { t } = useTranslation();
@@ -373,6 +410,8 @@ export const Calendar = () => {
},
});
+ const noCourses = useEnrolledCourses((s) => s.courses.length === 0);
+
return (
{
{isDragging && }
+ {!noCourses && }
);
diff --git a/src/components/EnrolmentModal.tsx b/src/components/EnrolmentModal.tsx
new file mode 100644
index 0000000..9d385c8
--- /dev/null
+++ b/src/components/EnrolmentModal.tsx
@@ -0,0 +1,93 @@
+import {
+ Button,
+ Card,
+ CardBody,
+ CardHeader,
+ Divider,
+ Link,
+ Modal,
+ ModalBody,
+ ModalContent,
+ ModalFooter,
+ ModalHeader,
+ Tooltip,
+} from '@nextui-org/react';
+import clsx from 'clsx';
+import { useTranslation } from 'react-i18next';
+
+import { useDetailedEnrolledCourses } from '../data/enrolled-courses';
+import { useExportCalendar } from '../helpers/export-calendar';
+
+type ReadyModalProps = {
+ isOpen: boolean;
+ onOpenChange: (isOpen: boolean) => void;
+};
+export const EnrolmentModal = ({ isOpen, onOpenChange }: ReadyModalProps) => {
+ const { t } = useTranslation();
+ const { copyText } = useExportCalendar();
+
+ const enrolledCourses = useDetailedEnrolledCourses();
+ const isOnlyCourse = enrolledCourses.length === 1;
+
+ return (
+
+
+
+ {t('calendar.end-actions.ready')}
+
+ Copy the numbers below and enter them on the enrollment page of
+ Access Adelaide.
+
+
+
+ {enrolledCourses.map((c) => (
+
+
+
+ {c.name.subject} {c.name.code}
+
+ {c.name.title}
+
+
+
+ {c.classes.map((cls) => (
+
+
{cls.type}
+
{cls.classNumber}
+