-
-
-
- {}} // eslint-disable-line @typescript-eslint/no-empty-function
- small={true}
- />
-
- );
-}
diff --git a/frontend/src/Components/ActivityHistoryCard.tsx b/frontend/src/Components/ActivityHistoryCard.tsx
deleted file mode 100644
index e5ca37aef..000000000
--- a/frontend/src/Components/ActivityHistoryCard.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { useEffect, useState } from 'react';
-import { ServerResponseMany, ActivityHistoryResponse, Class } from '@/common';
-import useSWR from 'swr';
-import Pagination from './Pagination';
-import { ActivityHistoryRowCard } from './cards';
-import AccountHistoryFilter from './AccountHistoryFilter';
-import ProgramHistoryFilter from './ProgramHistoryFilter';
-import ClassHistoryFilter from './ClassHistoryFilter';
-
-export default function ActivityHistoryCard({
- programId,
- classInfo,
- residentId
-}: {
- programId?: string;
- residentId?: string;
- classInfo?: Class;
-}) {
- const [page, setPage] = useState(1);
- const [filterQuery, setFilterQuery] = useState('');
-
- const endpoint = residentId
- ? `/api/users/${residentId}/account-history?page=${page}&per_page=5${filterQuery ? `&${filterQuery}` : ''}`
- : classInfo
- ? `/api/program-classes/${classInfo?.id}/history?page=${page}&per_page=10${filterQuery ? `&${filterQuery}` : ''}` //set to 10 due to larger card
- : programId
- ? `/api/programs/${programId}/history?page=${page}&per_page=5${filterQuery ? `&${filterQuery}` : ''}`
- : null;
- const {
- data: activityHistory,
- error: activityHistoryError,
- mutate: mutateHistory,
- isLoading
- } = useSWR
- {classInfo ? (
-
- );
-}
diff --git a/frontend/src/Components/ApplicationLogo.tsx b/frontend/src/Components/ApplicationLogo.tsx
deleted file mode 100644
index 9fb37aec1..000000000
--- a/frontend/src/Components/ApplicationLogo.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { HTMLAttributes } from 'react';
-
-export default function ApplicationLogo(props: HTMLAttributes
-
- ) : programId ? (
- Class History
-
-
- ) : (
- Program History
-
-
- )}
- {isLoading && Account Overview
-Loading...
}
- {activityHistoryError && (
- - {classInfo - ? 'Unable to retrieve class history' - : 'Unable to retrieve account history'} -
- )} - {!isLoading && - !activityHistoryError && - activityHistory != undefined && ( - <> -
- {activityHistory?.data.map(
- (item: ActivityHistoryResponse, index) => (
-
-
-
-
- )}
- 
- 
-
- );
-}
diff --git a/frontend/src/Components/AttendanceCell.tsx b/frontend/src/Components/AttendanceCell.tsx
deleted file mode 100644
index 2af0b5fb1..000000000
--- a/frontend/src/Components/AttendanceCell.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Attendance } from '@/common';
-import {
- ClassEventInstance,
- ProgramClassEventAttendance
-} from '@/types/events';
-
-interface AttendanceCellProps {
- event: ClassEventInstance;
- historicalEnrollment?: number;
-}
-
-export default function AttendanceCell({
- event,
- historicalEnrollment
-}: AttendanceCellProps) {
- function getPresentCount(records: ProgramClassEventAttendance[]): number {
- return records.filter(
- (record) =>
- record.attendance_status === Attendance.Present ||
- record.attendance_status === Attendance.Partial
- ).length;
- }
-
- const presentCount = event.attendance_records
- ? getPresentCount(event.attendance_records)
- : 0;
-
- return (
-
- {presentCount}
- {historicalEnrollment !== undefined
- ? ` / ${historicalEnrollment}`
- : ' / ...'}
-
- );
-}
diff --git a/frontend/src/Components/AttendanceStatusToggle.tsx b/frontend/src/Components/AttendanceStatusToggle.tsx
deleted file mode 100644
index 5b435a583..000000000
--- a/frontend/src/Components/AttendanceStatusToggle.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import {
- CheckIcon,
- ShieldCheckIcon,
- XMarkIcon
-} from '@heroicons/react/24/outline';
-import ULIComponent from './ULIComponent';
-import { Attendance } from '@/common';
-
-interface AttendanceStatusToggleProps {
- value?: Attendance;
- onChange: (value: Attendance) => void;
- disabled?: boolean;
-}
-
-interface ButtonConfig {
- value: Attendance;
- icon: typeof CheckIcon;
- label: string;
- selectedStyles: {
- enabled: string;
- disabled: string;
- };
-}
-
-export default function AttendanceStatusToggle({
- value,
- onChange,
- disabled = false
-}: AttendanceStatusToggleProps) {
- const baseButtonClass = `flex flex-1 items-center justify-center gap-2 rounded-md px-4 py-2 text-base`;
- const unselectedEnabledClass = `${baseButtonClass} bg-grey-1 hover:bg-grey-2`;
- const unselectedDisabledClass = `${baseButtonClass} bg-grey-1 opacity-40 cursor-not-allowed`;
-
- const buttonConfigs: ButtonConfig[] = [
- {
- value: Attendance.Present,
- icon: CheckIcon,
- label: 'Present',
- selectedStyles: {
- enabled: `${baseButtonClass} bg-teal-3 opacity-70 hover:shadow-md text-white`,
- disabled: `${baseButtonClass} bg-teal-3 text-white opacity-60 cursor-not-allowed`
- }
- },
- {
- value: Attendance.Absent_Excused,
- icon: ShieldCheckIcon,
- label: 'Excused',
- selectedStyles: {
- enabled: `${baseButtonClass} bg-pale-yellow hover:shadow-md text-base`,
- disabled: `${baseButtonClass} bg-pale-yellow text-base opacity-60 cursor-not-allowed`
- }
- },
- {
- value: Attendance.Absent_Unexcused,
- icon: XMarkIcon,
- label: 'Unexcused',
- selectedStyles: {
- enabled: `${baseButtonClass} bg-red-2 opacity-80 hover:shadow-md text-white`,
- disabled: `${baseButtonClass} bg-red-2 text-white opacity-60 cursor-not-allowed`
- }
- }
- ];
-
- const isPresentVariant =
- value === Attendance.Present || value === Attendance.Partial;
-
- const getButtonClassName = (config: ButtonConfig): string => {
- const isSelected =
- value === config.value ||
- (config.value === Attendance.Present && isPresentVariant);
-
- if (isSelected) {
- return disabled
- ? config.selectedStyles.disabled
- : config.selectedStyles.enabled;
- }
-
- return disabled ? unselectedDisabledClass : unselectedEnabledClass;
- };
-
- return (
-
- {buttonConfigs.map((config) => (
-
- ))}
-
- );
-}
diff --git a/frontend/src/Components/Brand.tsx b/frontend/src/Components/Brand.tsx
deleted file mode 100644
index 79bcb18f3..000000000
--- a/frontend/src/Components/Brand.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export default function Brand() {
- return (
-
- 
- 
-
- );
-}
diff --git a/frontend/src/Components/Breadcrumb.tsx b/frontend/src/Components/Breadcrumb.tsx
deleted file mode 100644
index fa2e095b0..000000000
--- a/frontend/src/Components/Breadcrumb.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Link } from 'react-router-dom';
-import { BreadcrumbItem } from '@/common';
-
-interface BreadcrumbProps {
- items: BreadcrumbItem[];
-}
-
-export default function Breadcrumb({ items }: BreadcrumbProps) {
- return (
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/CatalogCourseCard.tsx b/frontend/src/Components/CatalogCourseCard.tsx
deleted file mode 100644
index f991fb0b6..000000000
--- a/frontend/src/Components/CatalogCourseCard.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import LightGreenPill from './pill-labels/LightGreenPill';
-import RedPill from './pill-labels/RedPill';
-import YellowPill from './pill-labels/YellowPill';
-import GreyPill from './pill-labels/GreyPill';
-import {
- CourseCatalogResponse,
- OutcomePillType,
- PillTagType,
- ViewType
-} from '@/common';
-
-export default function CatalogCourseCard({
- course,
- view
-}: {
- course: CourseCatalogResponse;
- view?: ViewType;
-}) {
- const coverImage = course.thumbnail_url;
- const course_type: PillTagType = course.course_type as PillTagType;
-
- let coursePill: JSX.Element = -
- {items.map((item, index) => {
- const isLast = index === items.length - 1;
- return (
-
- - {item.href && !isLast ? ( - - {item.label} - - ) : ( - - {item.label} - - )} - - ); - })} -
-
-
- );
- } else {
- return (
-
- );
- }
-}
diff --git a/frontend/src/Components/CategoryDropdownFilter.tsx b/frontend/src/Components/CategoryDropdownFilter.tsx
deleted file mode 100644
index bec529592..000000000
--- a/frontend/src/Components/CategoryDropdownFilter.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useEffect, useState } from 'react';
-import { MultiSelectDropdown } from './inputs';
-import { Option } from '@/common';
-
-interface CategoryDropdownFilterProps {
- mutate: () => void;
- setCategoryQueryString: React.Dispatch
-
- {course.course_name}
-|
-- {course.provider_name} - {finalDateStr} -
- {coursePill} - {outcomePills} -- {course.description} -
-
-
- {new Date(
- enrollment.completion_dt
- ).toLocaleDateString()}
-
-
-
- ) : (
- 'N/A'
- )}
-
-
- handleChange(val, enrollment)
- }
- />
-
- ) : (
-
-
- )}
-
-
- {translateEnrollmentStatus(
- enrollment.enrollment_status
- )}
-
- {viewMode === 'other' &&
- enrollment.change_reason && (
-
-
-
- {renderTableHeader()}
- {renderTableBody()}
-
-
- );
-};
-
-export default ClassEnrollmentDetailsTable;
diff --git a/frontend/src/Components/ClassEventDetailsCard.tsx b/frontend/src/Components/ClassEventDetailsCard.tsx
deleted file mode 100644
index 146f94779..000000000
--- a/frontend/src/Components/ClassEventDetailsCard.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-import { ServerResponseMany } from '@/common';
-import { CancelButton, CloseX } from '@/Components/inputs';
-import { RestoreClassEventModal, showModal } from '@/Components/modals';
-import { CancelClassEventModal } from '@/Components/modals/CancelClassEventModal';
-import { RescheduleClassEventModal } from '@/Components/modals/RescheduleClassEventModal';
-import { RescheduleClassEventSeriesModal } from '@/Components/modals/RescheduleClassEventSeriesModal';
-import { FacilityProgramClassEvent } from '@/types/events';
-import { isAdministrator, useAuth } from '@/useAuth';
-import { useRef } from 'react';
-import { Link } from 'react-router-dom';
-import { KeyedMutator } from 'swr';
-
-interface ClassEventDetailsCardProps {
- classId?: string;
- event: FacilityProgramClassEvent | null;
- mutateEvents: KeyedMutator- {isEnrolledView - ? 'Enrolled Students' - : 'Graduated/Incomplete Status Students'} -
-No residents enrolled
; - return ( -
- {enrolledResidents.split('|').map((resident, index) => {
- const residentName = resident.split(':')[1];
- return
- );
- }
-
- function canUpdateEvent(): boolean {
- if (!event || event.is_override) {
- return false;
- }
- if (classId && event.class_id.toString() !== classId) return false;
- return true;
- }
-
- function renderButtons() {
- const eventType = !event?.is_override
- ? 'series'
- : event?.is_cancelled
- ? 'canceled'
- : 'rescheduled';
- switch (eventType) {
- case 'series':
- return (
- <>
-
-
- {residentName}
; - })} -
- showModal(cancelClassEventModal)}
- />
-
-
- );
- case 'canceled':
- return (
-
- );
- case 'rescheduled':
- return (
- <>
-
-
-
- showModal(cancelClassEventModal)}
- />
-
-
- );
- default:
- return '';
- }
- }
-
- return (
- <>
- {classId && showAllClasses !== undefined && setShowAllClasses && (
-
- setShowAllClasses(e.target.checked)}
- />
-
-
- )}
-
- {event ? (
-
-
- );
-}
diff --git a/frontend/src/Components/ClassHistoryFilter.tsx b/frontend/src/Components/ClassHistoryFilter.tsx
deleted file mode 100644
index 7fac15d55..000000000
--- a/frontend/src/Components/ClassHistoryFilter.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { useEffect, useState } from 'react';
-import { MultiSelectDropdown } from './inputs';
-import { Option } from '@/common';
-
-interface ClassHistoryFilterProps {
- onFilterChange: (categoryQueryString: string) => void;
-}
-
-export default function ClassHistoryFilter({
- onFilterChange
-}: ClassHistoryFilterProps) {
- const [selectedCategories, setSelectedCategories] = useState
-
- ) : (
-
-
-
- Event Details
-
-
- {!readOnly && (
- Program Name
- {isAdministrator(user) ? ( - - {event.program_name} - - ) : ( -{event.program_name}
- )} -Class Name
- {isAdministrator(user) ? ( - - {event.title} - - ) : ( -{event.title}
- )} -Instructor
-{event.instructor_name}
-Room
-{event.room}
-Time
-- {event.start.toLocaleTimeString([], { - hour: '2-digit', - minute: '2-digit' - })}{' '} - -{' '} - {event.end.toLocaleTimeString([], { - hour: '2-digit', - minute: '2-digit' - })} -
-Frequency
-{event.frequency}
-Enrolled Residents
- {parseEnrolledNames(event.enrolled_users)} -
- {renderButtons()}
-
- )}
- - Select an event to view details, make changes, or cancel - a session. -
- )} - {event && ( -
- {}} // eslint-disable-line @typescript-eslint/no-empty-function
- small={true}
- />
-
- );
-}
diff --git a/frontend/src/Components/ClassLayout.tsx b/frontend/src/Components/ClassLayout.tsx
deleted file mode 100644
index 04a762a09..000000000
--- a/frontend/src/Components/ClassLayout.tsx
+++ /dev/null
@@ -1,425 +0,0 @@
-import {
- AttendanceFlag,
- AttendanceFlagType,
- Class,
- ClassLoaderData,
- EnrollmentStatus,
- ServerResponseMany,
- ServerResponseOne
-} from '@/common';
-import { PencilSquareIcon } from '@heroicons/react/24/outline';
-import { useLoaderData, useNavigate, useParams } from 'react-router';
-import ClassStatus from './ClassStatus';
-import useSWR, { KeyedMutator } from 'swr';
-import ActivityHistoryCard from './ActivityHistoryCard';
-import { useEffect, useState } from 'react';
-import Pagination from './Pagination';
-import { useAuth } from '@/useAuth';
-import StatsCard from './StatsCard';
-import { isCompletedCancelledOrArchived } from '@/Pages/ProgramOverviewDashboard';
-import ULIComponent from './ULIComponent';
-import { getDateObj, textMonthLocalDate } from './helperFunctions/formatting';
-import { RRule } from 'rrule';
-
-function ClassInfoCard({
- classInfo,
- mutateClass
-}: {
- classInfo: Class;
- mutateClass: KeyedMutator
-
- );
-}
-
-export default function ClassLayout() {
- const { user } = useAuth();
- if (!user) {
- return null;
- }
- const navigate = useNavigate();
- const clsLoader = useLoaderData() as ClassLoaderData;
- if (clsLoader.redirect) {
- navigate(clsLoader.redirect);
- }
- const { class_id } = useParams<{ class_id?: string }>();
- const { data: clsData, mutate: mutateClass } = useSWR<
- ServerResponseOne
-
- {classInfo.name}
- -{classInfo.description}
-
-
-
-
- Class Status:
-
-
-
-
- Class Dates:
-- {classInfo.start_dt && - textMonthLocalDate(classInfo.start_dt)}{' '} - –{' '} - {classInfo.end_dt - ? textMonthLocalDate(classInfo.end_dt) - : 'No end date scheduled'} -
-
-
- Room:
-- {classInfo.events[0].room_ref?.name ?? 'TBD'} -
-
-
- Instructor(s)
-{classInfo.instructor_name}
-- Next scheduled class:{' '} - {getNextOccurrenceDateAsStr()} -
-
-
-
- );
-}
diff --git a/frontend/src/Components/ClassStatus.tsx b/frontend/src/Components/ClassStatus.tsx
deleted file mode 100644
index 49edbc1d3..000000000
--- a/frontend/src/Components/ClassStatus.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import ULIComponent from './ULIComponent';
-import {
- CheckCircleIcon,
- ChevronDownIcon,
- ClockIcon,
- PauseCircleIcon,
- PresentationChartLineIcon,
- XCircleIcon
-} from '@heroicons/react/24/outline';
-import ModifyClassModal from './modals/ModifyClassModal';
-import { showModal } from './modals';
-import {
- Class,
- ClassStatusMap,
- ClassStatusOptions,
- SelectedClassStatus,
- ServerResponseMany,
- ServerResponseOne
-} from '@/common';
-import { KeyedMutator } from 'swr';
-
-export function isArchived(program_class: Class): boolean {
- return !(
- program_class.archived_at === null ||
- program_class.archived_at === '0001-01-01T00:00:00Z'
- );
-}
-
-function isCompletedOrCancelled(program_class: Class): boolean {
- return (
- program_class.status === SelectedClassStatus.Completed ||
- program_class.status === SelectedClassStatus.Cancelled
- );
-}
-
-function SelectedClassStatusPill({
- closed,
- status
-}: {
- closed: boolean;
- status: SelectedClassStatus;
-}) {
- let icon, background;
-
- switch (status) {
- case SelectedClassStatus.Completed:
- icon = CheckCircleIcon;
- background = 'bg-[#DDFFCD] text-[#408D1C]';
- break;
- case SelectedClassStatus.Cancelled:
- icon = XCircleIcon;
- background = 'bg-[#FFDFDF] text-[#CA0000]';
- break;
- case SelectedClassStatus.Paused:
- icon = PauseCircleIcon;
- background = 'bg-grey-2 text-body-text';
- break;
- case SelectedClassStatus.Scheduled:
- icon = ClockIcon;
- background = 'bg-[#FFF3D4] text-[#ECAA00]';
- break;
- case SelectedClassStatus.Active:
- icon = PresentationChartLineIcon;
- background = 'bg-[#B0DFDA] text-[#002E2A]';
- }
-
- if (!icon || !background) return;
-
- return (
-
-
-
- {clsInfo && (
-
-
-
-
-
-
-
-
-
-
-
-
-
- {flagsError && (
-
- Failed to load attendance warnings
-
- )}
- {!flagsError && flags?.data.length === 0 && (
-
- No attendance flags found
-
- )}
- {!flagsError && flags && flags?.data.length > 0 && (
-
- Needs Attention
-- These flags highlight residents with attendance - patterns that may need follow-up: -
-- No attendance yet – Resident is enrolled - but has not attended any sessions since the - class began. -
-- Multiple absences – Resident has missed 3 - or more class sessions with unexcused absences - after attending at least once. -
-| - Resident Name - | -- Resident ID - | -- Flag - | -
|---|---|---|
| - {item.name_last},{' '} - {item.name_first} - | -- {item.doc_id} - | -- {item.flag_type === - AttendanceFlagType.NoAttendance - ? 'no attendance yet' - : 'multiple absences'} - | -
- {flags?.meta && (
-
- )}
-
-
- );
-}
-
-export default function ClassStatus({
- program_class,
- status,
- mutateClasses,
- onStatusChange
-}: {
- program_class: Class;
- status: SelectedClassStatus;
- mutateClasses:
- | KeyedMutator {
- if (
- isArchived(program_class) ||
- isCompletedOrCancelled(program_class)
- )
- return;
- setDropdownOpen(!dropdownOpen);
- e.stopPropagation();
- }}
- onBlur={(e) => {
- if (!e.currentTarget.contains(e.relatedTarget as Node)) {
- setDropdownOpen(false);
- }
- }}
- tabIndex={0}
- >
-
- -
- {classStatusTransitions
- .get(selectedStatus)
- ?.map((option) => {
- if (ClassStatusMap[option] === selectedStatus)
- return null;
-
- return (
-
-
- - openSelectionModal(e, option) - } - > - - {option} - --
- );
- })}
-
-
- );
-}
diff --git a/frontend/src/Components/EngagementRateGraph.tsx b/frontend/src/Components/EngagementRateGraph.tsx
deleted file mode 100644
index 4f6fb7b75..000000000
--- a/frontend/src/Components/EngagementRateGraph.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { useMemo, useContext, useState, useEffect } from 'react';
-import {
- LineChart,
- Line,
- XAxis,
- YAxis,
- CartesianGrid,
- Tooltip,
- ResponsiveContainer
-} from 'recharts';
-import { ThemeContext } from '@/Context/ThemeContext';
-import { LoginActivity, UserEngagementTimes } from '@/common';
-
-interface EngagementRateGraphProps {
- viewType: 'peakLogin' | 'userEngagement';
- data: LoginActivity[] | UserEngagementTimes[];
-}
-
-const EngagementRateGraph = ({ data, viewType }: EngagementRateGraphProps) => {
- const { theme } = useContext(ThemeContext);
-
- const strokeColor = theme === 'light' ? '#666' : '#CCC';
- const lineColor = theme === 'light' ? '#18ABA0' : '#61BAB2';
- const backgroundColor = theme === 'light' ? '#FFFFFF' : '#0F2926';
-
- const [xTicks, setXTicks] = useState(2);
-
- useEffect(() => {
- const handleResize = () => {
- const width = window.outerWidth;
- setXTicks(width < 640 ? 8 : width < 900 ? 6 : 3);
- };
-
- handleResize();
- window.addEventListener('resize', handleResize);
- return () => window.removeEventListener('resize', handleResize);
- }, []);
-
- const generateHourlyLabels = (): string[] => {
- return Array.from({ length: 24 }, (_, hour) =>
- new Date(0, 0, 0, hour).toLocaleTimeString('en-US', {
- hour: 'numeric',
- hour12: true
- })
- );
- };
-
- const processPeakLoginData = (rawData: LoginActivity[]) => {
- const hourlyLabels = generateHourlyLabels();
- const loginsByHour: number[] = Array.from({ length: 24 }, () => 0);
-
- rawData.forEach((item) => {
- const date = new Date(item.time_interval);
- const hour = date.getHours();
- loginsByHour[hour] += item.total_logins;
- });
-
- return hourlyLabels.map((label, hour) => ({
- hour: label,
- logins: loginsByHour[hour]
- }));
- };
-
- const generateLast30Days = (): string[] => {
- const today = new Date();
- return Array.from({ length: 30 }, (_, i) => {
- const date = new Date(today);
- date.setDate(today.getDate() - (30 - i));
- return date.toLocaleDateString('en-US', {
- month: 'short',
- day: 'numeric'
- });
- });
- };
-
- const processUserEngagementData = (rawData: UserEngagementTimes[]) => {
- const last30Days = generateLast30Days();
- const dataMap = rawData.reduce{props.title}
- {props.onActionButtonText && props.onActionButtonClick && ( - - )} -
-
- {status === CourseStatus.Completed ? (
- {course.course_name}
-|
-- {course.provider_platform_name} - {finalDateStr} -
-
-
- ) : status === CourseStatus.Pending ? (
-
-
- ) : (
-
-
- )}
-
- );
- } else {
- return (
-
- );
- }
-}
diff --git a/frontend/src/Components/EventCalendar.tsx b/frontend/src/Components/EventCalendar.tsx
deleted file mode 100644
index f9e1b0962..000000000
--- a/frontend/src/Components/EventCalendar.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Calendar, momentLocalizer, View } from 'react-big-calendar';
-import moment from 'moment';
-import 'react-big-calendar/lib/css/react-big-calendar.css';
-import { FacilityProgramClassEvent, ShortCalendarEvent } from '@/types/events';
-
-const localizer = momentLocalizer(moment);
-
-interface EventCalendarProps {
- events: FacilityProgramClassEvent[] | ShortCalendarEvent[];
- view?: View;
- classId?: string;
- handleDateClick?: (event: FacilityProgramClassEvent) => void;
-}
-
-export default function EventCalendar({
- events,
- view = 'month',
- classId,
- handleDateClick
-}: EventCalendarProps) {
- const eventPropGetter = (event: FacilityProgramClassEvent) => {
- if (event.is_cancelled) {
- return {
- className: 'rbc-event-cancelled'
- };
- }
- if (classId && event.class_id.toString() != classId) {
- return {
- className: 'rbc-event-lighter'
- };
- }
-
- return {};
- };
- const scrollTime = new Date();
- scrollTime.setHours(6, 0, 0, 0);
- return (
-
-
- );
-}
diff --git a/frontend/src/Components/FacilityCard.tsx b/frontend/src/Components/FacilityCard.tsx
deleted file mode 100644
index fca7f003e..000000000
--- a/frontend/src/Components/FacilityCard.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Facility } from '@/common';
-import ULIComponent from '@/Components/ULIComponent.tsx';
-import {
- PencilSquareIcon,
- TrashIcon,
- LockClosedIcon
-} from '@heroicons/react/24/outline';
-import { isSysAdmin, useAuth } from '@/useAuth';
-import { toTimezoneString } from './helperFunctions/formatting';
-
-export default function FacilityCard({
- facility,
- openEditFacility,
- openDeleteFacility
-}: {
- facility: Facility;
- openEditFacility: (fac: Facility) => void;
- openDeleteFacility: (fac: Facility) => void;
-}) {
- const { user } = useAuth();
- return (
- -
- {feature.pageFeatures?.map((pageFeature) => (
-
-
-
-
- ))}
-
navigate(`/viewer/libraries/${library.id}`)}
- >
-
- );
- } else {
- return (
-
-
-
-
-
- 
-
-
- {library.title}
-
-
-
- {!route.pathname.includes('knowledge-insights') &&
- onSearchClick && (
-
-
-
- )}
-
- void handleToggleAction('favorite', e)
- }
- id="knowledge-center-fav-lib"
- >
- {!route.pathname.includes('knowledge-insights') && (
-
-
-
- void handleToggleAction('toggle')
- }
- view={view}
- />
- )}
-
- {'Kiwix'}
-- {library?.description} -
- {AdminRoles.includes(role) && ( - navigate(`/viewer/libraries/${library.id}`)}
- >
-
-
-
-
-
- );
- }
-}
diff --git a/frontend/src/Components/LibraryLayout.tsx b/frontend/src/Components/LibraryLayout.tsx
deleted file mode 100644
index 2c823f7c1..000000000
--- a/frontend/src/Components/LibraryLayout.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-import { Library, ServerResponseMany, UserRole, ViewType } from '@/common';
-import LibraryCard from '@/Components/LibraryCard';
-import { isAdministrator, useAuth } from '@/useAuth';
-import { useEffect, useState, useRef } from 'react';
-import useSWR from 'swr';
-import Pagination from './Pagination';
-import { useLocation, useOutletContext } from 'react-router-dom';
-import LibrarySearchResultsModal from '@/Components/LibrarySearchResultsModal';
-import { useTourContext } from '@/Context/TourContext';
-import { targetToStepIndexMap } from './UnlockEdTour';
-import { useUrlPagination } from '@/Hooks/paginationUrlSync';
-import { closeModal, showModal } from './modals';
-import LoadingSpinner from '@/Components/LoadingSpinner';
-
-export default function LibaryLayout({
- studentView
-}: {
- studentView?: boolean;
-}) {
- const { tourState, setTourState } = useTourContext();
- const { user } = useAuth();
- if (!user) {
- return null;
- }
- const {
- activeView,
- searchQuery,
- filterVisibilityAdmin,
- categoryQueryString
- } = useOutletContext<{
- activeView: ViewType;
- searchQuery: string;
- filterVisibilityAdmin: string;
- categoryQueryString: string;
- }>();
- const [searchModalLibrary, setSearchModalLibrary] =
- useState
-
- {library.title}
-- {library.description} -
-
- {!route.pathname.includes('knowledge-insights') &&
- onSearchClick && (
-
- void handleToggleAction('toggle')
- }
- view={view}
- />
- )}
-
-
-
- )}
- void handleToggleAction('favorite', e)}
- id="knowledge-center-fav-lib"
- >
- {!route.pathname.includes('knowledge-insights') && (
-
- {AdminRoles.includes(role) && (
-
- {libraries?.data.map((library, index) => {
- if (index === 0) {
- return (
-
- setSearchModalLibrary(library)
- }
- view={activeView}
- />
- );
- })}
-
- )}
- {!librariesLoading && !librariesError && librariesMeta && (
-
-
- setSearchModalLibrary(library)
- }
- view={activeView}
- />
-
- );
- }
- return (
-
-
- )}
- {searchModalLibrary && (
-
-
- {text &&
- );
-
- if (centered) {
- return (
- {text}
} -
- {spinnerContent}
-
- );
- }
-
- return spinnerContent;
-}
diff --git a/frontend/src/Components/Modal.tsx b/frontend/src/Components/Modal.tsx
deleted file mode 100644
index 8ec865c71..000000000
--- a/frontend/src/Components/Modal.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ModalProps } from '@/common';
-import { forwardRef, useState } from 'react';
-
-const Modal = forwardRef
-
-
-
- );
-}
diff --git a/frontend/src/Components/Navbar.tsx b/frontend/src/Components/Navbar.tsx
deleted file mode 100644
index 1b96644c6..000000000
--- a/frontend/src/Components/Navbar.tsx
+++ /dev/null
@@ -1,410 +0,0 @@
-import Brand from './Brand';
-import {
- AcademicCapIcon,
- BookOpenIcon,
- BuildingStorefrontIcon,
- ChevronDoubleLeftIcon,
- ChevronDoubleRightIcon,
- HomeIcon,
- UsersIcon,
- ArrowRightEndOnRectangleIcon,
- SunIcon,
- MoonIcon,
- UserCircleIcon,
- DocumentTextIcon,
- CloudIcon,
- RssIcon,
- RectangleStackIcon,
- CogIcon,
- LightBulbIcon,
- RocketLaunchIcon,
- QuestionMarkCircleIcon,
- CalendarDaysIcon
-} from '@heroicons/react/24/solid';
-import {
- handleLogout,
- hasFeature,
- isAdministrator,
- useAuth,
- canSwitchFacility
-} from '@/useAuth';
-import Modal from '@/Components/Modal';
-import ULIComponent from './ULIComponent';
-import { Link } from 'react-router-dom';
-import ThemeToggle from './ThemeToggle';
-import FeatureLevelCheckboxes from './FeatureLevelCheckboxes';
-import { FeatureAccess, ToastState, UserRole } from '@/common';
-import { useToast } from '@/Context/ToastCtx';
-import API from '@/api/api';
-import { useRef, useState } from 'react';
-import ConfirmSeedDemoDataForm from './forms/ConfirmSeedDemoData';
-import { useTourContext } from '@/Context/TourContext';
-
-export default function Navbar({
- isPinned,
- onTogglePin,
- onToggleHelpCenter
-}: {
- isPinned: boolean;
- onTogglePin: () => void;
- onToggleHelpCenter: () => void;
-}) {
- const { user, setUser } = useAuth();
- if (!user) {
- return null;
- }
-
- const { toaster } = useToast();
- const confirmSeedModal = useRef- {formatMonthYear(currentMonth)} -
- - - - -
- {
- confirmSeedModal.current?.close();
- setSeedInProgress(false);
- return;
- }}
- inProgress={seedInProgress}
- handleSeedDemoData={handleSeedDemoData}
- />
- }
- />
- )}
-
- );
-}
diff --git a/frontend/src/Components/OpenContentItemAccordion.tsx b/frontend/src/Components/OpenContentItemAccordion.tsx
deleted file mode 100644
index 91c2a3b69..000000000
--- a/frontend/src/Components/OpenContentItemAccordion.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { OpenContentItem } from '@/common';
-import {
- ChevronRightIcon,
- VideoCameraIcon,
- BookOpenIcon,
- InformationCircleIcon
-} from '@heroicons/react/24/solid';
-import { useState } from 'react';
-import OpenContentCard from './cards/OpenContentCard';
-
-type OpenContentItemMap = Record
- {isPinned ? (
-
-
-
-
-
- ) : (
-
-
- )}
-
-
-
- -
- {user && isAdministrator(user) ? (
- <>
- {hasFeature(
- user,
- FeatureAccess.OpenContentAccess
- ) && (
-
-
-
-
- Knowledge Insights - -
- )}
- {hasFeature(user, FeatureAccess.ProviderAccess) && (
- -
-
-
- Learning Insights - -
- )}
- -
-
-
- Operational Insights - -
- {hasFeature(
- user,
- FeatureAccess.OpenContentAccess
- ) && (
- -
-
-
- Knowledge Center - -
- )}
- {hasFeature(user, FeatureAccess.ProviderAccess) && (
- <>
- {canSwitchFacility(user) && (
- -
-
-
- Learning Platforms - -
- )}
- -
-
-
- Course Catalog - -
-
- )}
- {hasFeature(user, FeatureAccess.ProgramAccess) && (
- <>
- -
-
-
- Programs - -
- -
-
-
- Schedule - -
-
- )}
- -
-
-
- Residents - -
- {canSwitchFacility(user) && (
- -
-
-
- Admins - -
- )}
- {canSwitchFacility(user) && (
- -
-
-
- Facilities - -
- )}
-
- ) : (
- <>
- {!hasFeature(
- user,
- FeatureAccess.OpenContentAccess
- ) &&
- !hasFeature(
- user,
- FeatureAccess.ProviderAccess
- ) &&
- !hasFeature(
- user,
- FeatureAccess.ProgramAccess
- ) && (
- <>
- -
-
-
- Home - -
-
- )}
- {hasFeature(
- user,
- FeatureAccess.OpenContentAccess
- ) && (
- <>
-
- -
-
-
- Knowledge Center - -
-
- )}
- {hasFeature(user, FeatureAccess.ProviderAccess) && (
- <>
- -
-
-
- Learning Path - -
- -
-
-
- My Courses - -
- -
-
-
- My Progress - -
-
- )}
- {hasFeature(user, FeatureAccess.ProgramAccess) && (
- -
-
-
- Programs - -
- )}
- - - - - - )} -
-
- {confirmSeedModal !== null && (
- -
-
-
- --
- {user?.name_first} {user?.name_last} - -
-
- - - - {user && user.role === UserRole.SystemAdmin && ( - <> -
- - - -
- - Enabled Features: - -
- - - -
-
-
-
-
- {Object.entries(contentMap).map(([title, contentItems]) => (
-
- );
-}
diff --git a/frontend/src/Components/OperationalInsightsCharts.tsx b/frontend/src/Components/OperationalInsightsCharts.tsx
deleted file mode 100644
index 5f099b55e..000000000
--- a/frontend/src/Components/OperationalInsightsCharts.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import { useEffect, useState } from 'react';
-import useSWR from 'swr';
-import { DepartmentMetrics, ServerResponseOne } from '@/common';
-import StatsCard from './StatsCard';
-import { ResponsiveContainer } from 'recharts';
-import EngagementRateGraph from './EngagementRateGraph';
-import { useAuth, canSwitchFacility } from '@/useAuth';
-import DateRangePicker, {
- DateRangeValue,
- allTimeRange
-} from './inputs/DateRangePicker';
-
-const buildMetricsQuery = (
- facility: string,
- range: DateRangeValue,
- resetCache: boolean
-) => {
- const params = new URLSearchParams({ facility });
- if (range.allTime) {
- params.set('all_time', 'true');
- } else {
- params.set('start_date', range.startDate);
- params.set('end_date', range.endDate);
- }
- if (resetCache) params.set('reset', 'true');
- return `/api/department-metrics?${params.toString()}`;
-};
-
-const rangeLabel = (range: DateRangeValue): string => {
- if (range.allTime) return 'all time';
- return `from ${range.startDate} to ${range.endDate}`;
-};
-
-const OperationalInsights = () => {
- const [facility, setFacility] = useState('all');
- const [dateRange, setDateRange] = useState
-
-
- ))}
-
-
-
- {contentItems.map((item) => (
-
-
- {error &&
- );
-};
-
-export default OperationalInsights;
diff --git a/frontend/src/Components/PageNav.tsx b/frontend/src/Components/PageNav.tsx
deleted file mode 100644
index 8653ecce9..000000000
--- a/frontend/src/Components/PageNav.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useAuth, canSwitchFacility } from '@/useAuth';
-import { Bars3Icon, BuildingOffice2Icon } from '@heroicons/react/24/solid';
-import ULIComponent from '@/Components/ULIComponent.tsx';
-import { Facility, RouteTitleHandler, TitleHandler, UserRole } from '@/common';
-import { useMatches } from 'react-router-dom';
-import API from '@/api/api';
-import { usePageTitle } from '@/Context/AuthLayoutPageTitleContext';
-import { useBreadcrumb } from '@/Context/BreadcrumbContext';
-import { useBreadcrumbsFromRoutes } from '@/Hooks/useBreadcrumbsFromRoutes';
-import { resolveTitle } from '@/routeLoaders';
-import Breadcrumb from './Breadcrumb';
-
-export default function PageNav({
- showOpenMenu,
- onShowNav,
- facilities
-}: {
- showOpenMenu: boolean;
- onShowNav?: () => void;
- facilities?: Facility[];
-}) {
- const { user } = useAuth();
- const detailsRef = useRefError loading data
}
- {!data || (isLoading && Loading...
)}
- {data && metrics && (
- <>
-
-
-
-
-
-
-
-
-
- )}
-
-
-
- Last updated: {formattedDate}
-
- Includes residents only
-
-
-
-
-
-
-
-
- )}
- Peak Login Times
--
-
-
- --
-
-- - {user?.facility.name} - - -
- {facilities?.map((facility: Facility) => (
-
- { - void handleSwitchFacility(facility); - }} - > - - - ))} -
-
-
- );
-}
diff --git a/frontend/src/Components/Pagination.tsx b/frontend/src/Components/Pagination.tsx
deleted file mode 100644
index 3bcb86ec3..000000000
--- a/frontend/src/Components/Pagination.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { PaginationMeta } from '@/common';
-import {
- ChevronDoubleLeftIcon,
- ChevronDoubleRightIcon
-} from '@heroicons/react/24/solid';
-
-export default function Pagination({
- meta,
- setPage,
- setPerPage,
- specialPageSelecton
- // forceShow
-}: {
- meta: PaginationMeta;
- setPage: (page: number) => void;
- setPerPage?: (perPage: number) => void;
- specialPageSelecton?: boolean;
- forceShow?: boolean;
-}) {
- if (!meta || meta.total <= meta.per_page) {
- return null;
- }
-
- const page = meta.current_page - 1;
- const perPage = meta.per_page;
- const perPageSelections = specialPageSelecton
- ? [12, 24, 60, 120]
- : [10, 20, 50, 100];
- return (
-
-
- {user && canSwitchFacility(user) && path !== '/programs' ? (
-
- {showOpenMenu ? (
-
- {breadcrumbItems.length > 0 ? (
-
-
- ) : (
- - {pageTitle === 'Library Viewer' - ? authLayoutPageTitle - : pageTitle} -
- )} -
-
- )}
-
-
- );
-}
diff --git a/frontend/src/Components/ProgramHistoryFilter.tsx b/frontend/src/Components/ProgramHistoryFilter.tsx
deleted file mode 100644
index b83320ece..000000000
--- a/frontend/src/Components/ProgramHistoryFilter.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useEffect, useState } from 'react';
-import { MultiSelectDropdown } from './inputs';
-import { Option } from '@/common';
-
-interface ProgramHistoryFilterProps {
- onFilterChange: (categoryQueryString: string) => void;
-}
-
-export default function ProgramHistoryFilter({
- onFilterChange
-}: ProgramHistoryFilterProps) {
- const [selectedCategories, setSelectedCategories] = useState
-
-
- {[page - 2, page - 1, page, page + 1, page + 2]
- .filter((i) => i >= 0 && i < meta.last_page)
- .map((i) => {
- return (
-
- );
- })}
-
-
-
- {setPerPage && (
-
-
- )}
-
-
-
-
-
- {perPage}
-
- -
- {perPageSelections.map((item) => (
-
- - { - setPerPage(item); - }} - > - {item} - - - ))} -
- {}} // eslint-disable-line @typescript-eslint/no-empty-function
- small={true}
- />
-
- );
-}
diff --git a/frontend/src/Components/ProgramOutcomes.tsx b/frontend/src/Components/ProgramOutcomes.tsx
deleted file mode 100644
index 505d67f51..000000000
--- a/frontend/src/Components/ProgramOutcomes.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import {
- BarChart,
- Bar,
- XAxis,
- YAxis,
- Tooltip,
- CartesianGrid,
- ResponsiveContainer
-} from 'recharts';
-import { useContext } from 'react';
-import { ThemeContext } from '@/Context/ThemeContext';
-import { ProgramClassOutcomes } from '@/common';
-import moment from 'moment';
-
-interface ProgramOutcomesProps {
- data: ProgramClassOutcomes[];
-}
-
-export default function ProgramOutcomes({ data }: ProgramOutcomesProps) {
- const { theme } = useContext(ThemeContext);
-
- const completionsColor = theme === 'light' ? '#18ABA0' : '#61BAB2';
- const dropoutsColor = theme === 'light' ? '#9CA3AF' : '#6B7280';
- const xAxisLabelColor = theme === 'light' ? '#333' : '#ccc';
- const yAxisLabelColor = theme === 'light' ? '#333' : '#ccc';
- const formattedData = data.map((d) => {
- const month = moment(d.month, 'YYYY-MM');
- const monthAbbrev = month.format('MMM');
- return { ...d, month: monthAbbrev };
- });
-
- return (
-
- {text}
- {!closed &&
- );
-}
-
-function getEffectiveStatus(
- program: ProgramsOverviewTable
-): ProgramEffectiveStatus {
- if (program.archived_at !== null) {
- return ProgramEffectiveStatus.Archived;
- } else if (program.status) {
- return ProgramEffectiveStatus.Available;
- } else {
- return ProgramEffectiveStatus.Inactive;
- }
-}
-
-export default function ProgramStatus({
- program,
- mutate
-}: {
- program: ProgramsOverviewTable;
- mutate: KeyedMutator {
- setDropdownOpen(!dropdownOpen);
- e.stopPropagation();
- }}
- onBlur={(e) => {
- if (!e.currentTarget.contains(e.relatedTarget as Node)) {
- setDropdownOpen(false);
- }
- }}
- tabIndex={0}
- >
-
- -
- {availableActions.map((action) => (
-
-
- { - e.stopPropagation(); - openSelectionModal(action); - }} - > - - {action === 'set_available' - ? 'Available' - : action === 'set_inactive' - ? 'Inactive' - : action === 'archive' - ? 'Archive' - : 'Reactivate'} - --
- ))}
-
e.stopPropagation()}
- >
-
-
- }
- >
- - This program has active or scheduled classes in{' '} - {facilityCount} {facilityLabel}. You must - complete or cancel all associated classes before - archiving. -
-
-
- Currently scheduled in:
-
-
- -
- {visibleFacilities.map((facility) => (
-
- {facility} - ))} -
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/ProgressBar.tsx b/frontend/src/Components/ProgressBar.tsx
deleted file mode 100644
index 02aa517f4..000000000
--- a/frontend/src/Components/ProgressBar.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-export default function ProgressBar({
- percent,
- showPercentage = true,
- numerator = 0,
- denominator = 100
-}: {
- percent: number;
- showPercentage?: boolean;
- numerator?: number;
- denominator?: number;
-}) {
- return (
-
-
-
- {showPercentage
- ? `${percent} %`
- : `${numerator}/${denominator}`}
-
-
- );
-}
diff --git a/frontend/src/Components/ProviderCard.tsx b/frontend/src/Components/ProviderCard.tsx
deleted file mode 100644
index 7741ec9ef..000000000
--- a/frontend/src/Components/ProviderCard.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useNavigate } from 'react-router-dom';
-import {
- ProviderPlatform,
- ProviderPlatformState,
- ProviderPlatformType
-} from '@/common';
-import {
- ArrowPathIcon,
- CheckCircleIcon,
- InformationCircleIcon,
- LinkIcon,
- PencilSquareIcon,
- UserGroupIcon
-} from '@heroicons/react/24/outline';
-import TealPill from './pill-labels/TealPill';
-import YellowPill from './pill-labels/YellowPill';
-import GreyPill from './pill-labels/GreyPill';
-import { XMarkIcon } from '@heroicons/react/24/solid';
-import ULIComponent from '@/Components/ULIComponent.tsx';
-
-export default function ProviderCard({
- provider,
- openEditProvider,
- oidcClient,
- showAuthorizationInfo,
- refreshToken,
- archiveProvider
-}: {
- provider: ProviderPlatform;
- openEditProvider: (prov: ProviderPlatform) => void;
- oidcClient: (prov: ProviderPlatform) => void;
- showAuthorizationInfo: (prov: ProviderPlatform) => void;
- refreshToken: (prov: ProviderPlatform) => void;
- archiveProvider: (prov: ProviderPlatform) => void;
-}) {
- const navigate = useNavigate();
- return (
- Status unavailable
- )} -
-
- );
- } else {
- return pc.enrollment_status;
- }
- })()}
-
-
- );
-}
diff --git a/frontend/src/Components/StatsCard.tsx b/frontend/src/Components/StatsCard.tsx
deleted file mode 100644
index c44fb461e..000000000
--- a/frontend/src/Components/StatsCard.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { InformationCircleIcon } from '@heroicons/react/24/outline';
-import ULIComponent from './ULIComponent';
-interface StatsCardProps {
- title: string;
- number: string;
- label: string;
- tooltip?: string;
- tooltipClassName?: string;
- useToLocaleString?: boolean; //true will be the default bc component already existed with the formatNumber function operating on the number that is passed into the function
- tooltipClass?: string;
-}
-export default function StatsCard({
- title,
- number,
- label,
- tooltip,
- tooltipClassName,
- useToLocaleString = true
-}: StatsCardProps) {
- const formatNumber = (num: string) => {
- return parseInt(num).toLocaleString('en-US');
- };
-
- return (
- Resident Programs
- {!programsResp || (isLoading &&Loading...
)}
- {programsError ? (
- - Error retrieving programs for selected resident -
- ) : ( -
-
-
-
-
- {meta && (
-
- )}
- | - Program Name - | -Class Name | -Enrollment Status | -Start Date | -End Date | -- Attendance % - | -
|---|
-
- )}
-
-
- );
-}
diff --git a/frontend/src/Components/TabView.tsx b/frontend/src/Components/TabView.tsx
deleted file mode 100644
index a1e5dd039..000000000
--- a/frontend/src/Components/TabView.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Tab } from '@/common';
-
-export default function TabView({
- tabs,
- activeTab,
- setActiveTab
-}: {
- tabs: Tab[];
- activeTab: Tab;
- setActiveTab: (tab: Tab) => void;
-}) {
- return (
-
-
- - {title.toUpperCase()} -
- {tooltip && ( -- {useToLocaleString ? formatNumber(number) : number} - - {label[0].toUpperCase() + label.slice(1)} - -
-
- {tabs.map((tab, index) => {
- const tabName =
- tab.name.charAt(0).toUpperCase() + tab.name.slice(1);
- const isActive = activeTab.value === tab.value;
- return (
-
- );
- })}
-
- );
-}
diff --git a/frontend/src/Components/ThemeToggle.tsx b/frontend/src/Components/ThemeToggle.tsx
deleted file mode 100644
index f5280125f..000000000
--- a/frontend/src/Components/ThemeToggle.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { useContext } from 'react';
-import { ThemeContext } from '@/Context/ThemeContext';
-
-export default function ThemeToggle() {
- const { theme, toggleTheme } = useContext(ThemeContext);
-
- return (
- /* Component provided by daisyUI - https://daisyui.com/components/toggle/ */
- {
- toggleTheme();
- e.target.blur();
- }}
- />
- );
-}
diff --git a/frontend/src/Components/Timeline.tsx b/frontend/src/Components/Timeline.tsx
deleted file mode 100644
index ccca85fed..000000000
--- a/frontend/src/Components/Timeline.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-interface TimelineEvent {
- year: string;
- title: string;
- description: string;
-}
-
-const timelineEvents: TimelineEvent[] = [
- {
- year: '1997',
- title: 'Young Beginnings',
- description:
- 'Co-Founders Jessica Hicklin and Chris Santillan meet at Potosi Correctional Center before age 18. Both were sentenced to life without parole and began dreaming of a better future from inside.'
- },
- {
- year: '1998 - 2017',
- title: 'Education Against the Odds',
- description:
- 'While incarcerated, Jessica and Chris created education spaces for others—tutoring peers, organizing courses, and building a culture of learning in a system with no formal access.'
- },
- {
- year: '2012 - 2017',
- title: 'Coding for Change',
- description:
- 'With no internet and limited resources, Jessica and Chris taught themselves to code from inside prison. They dreamed of a day when they could build a tool to track rehabilitation and education for others like them—something that could support transformation from the inside out. That dream became the foundation for what would later become UnlockEd.'
- },
- {
- year: '2022',
- title: 'Unlocked Labs Is Born',
- description:
- 'After a Supreme Court ruling led to their release, Jessica and Chris teamed up with Haley Shoaf to found Unlocked Labs, a nonprofit, building tech tools to improve outcomes in the justice system.'
- },
- {
- year: '2022 - present',
- title: 'UnlockEd: A Vision Realized',
- description:
- 'With support from partners and community, the team created UnlockEd, a free, open-source education platform for incarcerated learners. This project fulfilled Jessica and Chris’s long-held dream: to build a system that makes education and rehabilitation more accessible from the inside out.'
- },
- {
- year: 'February 2025',
- title: 'First Facility Launch: Maine',
- description:
- 'UnlockEd v2 officially launches at Mountain View Correctional Facility—its first in-facility deployment. This release features the Knowledge Center, enabling residents to access curated, self-guided educational content.'
- }
-];
-
-export default function Timeline() {
- return (
- -
- {timelineEvents.map((event, index) => (
-
-
-
-- --- -- {index < timelineEvents.length - 1 &&- {event.title} --- {event.description} -
-
} -
- ))}
-
-
- );
-}
diff --git a/frontend/src/Components/ToggleView.tsx b/frontend/src/Components/ToggleView.tsx
deleted file mode 100644
index 5cf6c6f64..000000000
--- a/frontend/src/Components/ToggleView.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { ListBulletIcon, Squares2X2Icon } from '@heroicons/react/24/solid';
-import { SetStateAction } from 'react';
-import { ViewType } from '@/common';
-
-export default function ToggleView({
- activeView,
- setActiveView
-}: {
- activeView: ViewType;
- setActiveView: (state: SetStateAction
- {state === ToastState.success ? (
-
-
-
-
- );
-}
diff --git a/frontend/src/Components/TransferSummaryPanel.tsx b/frontend/src/Components/TransferSummaryPanel.tsx
deleted file mode 100644
index 4da9b7553..000000000
--- a/frontend/src/Components/TransferSummaryPanel.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import ULIComponent from './ULIComponent';
-import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
-import { ValidResident } from '@/common';
-
-export default function TransferSummaryPanel({
- resident
-}: {
- resident?: ValidResident;
-}) {
- return (
- <>
-
- {/* TO DO: come back and render on active or not */}
-
-
-
- | Resident Name: | -- {resident?.user.name_last} - {', '} - {resident?.user.name_first} - | -
| Resident ID: | -{resident?.user.doc_id} | -
| - Current Facility: - | -{resident?.transfer_from} | -
| New Facility: | -{resident?.transfer_to} | -
- You are about to transfer this resident's account. -
--
-
- - The resident will be removed from {resident?.transfer_from}. - -
- - The resident will be unenrolled from all active classes and - programs. - - {resident?.program_names && - resident?.program_names.length != 0 && ( - <> -
-
- The following programs are not available at the
- new facility:
-
-
- {resident?.program_names.map(
- (conflict, idx) => (
-
- {`${conflict.class_name} (Program: ${conflict.program_name})`} - ) - )} -
-
- )}
- - - The resident's account will be added to{' '} - {resident?.transfer_to}. - -
- - Staff must re-enroll resident in available programs at{' '} - {resident?.transfer_to}. - -
- - The resident's account history and favorites will be - preserved. - -
-
-
- );
-}
diff --git a/frontend/src/Components/ULIComponent.tsx b/frontend/src/Components/ULIComponent.tsx
deleted file mode 100644
index 59e0103e0..000000000
--- a/frontend/src/Components/ULIComponent.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-
-interface ULIComponentProps {
- tooltipClassName?: string; //for applying classes other than 'tooltip'
- iconClassName?: string; //for applying classes other than 'w-4 h-4'
- dataTip?: string;
- onClick?: (e?: React.MouseEvent) => void;
- onMouseDown?: () => void;
- icon: React.ForwardRefExoticComponent<
- React.PropsWithoutRef
-
- );
-}
diff --git a/frontend/src/Components/UserActionsDropdown.tsx b/frontend/src/Components/UserActionsDropdown.tsx
deleted file mode 100644
index 66e37cb0d..000000000
--- a/frontend/src/Components/UserActionsDropdown.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-import { ChevronDownIcon } from '@heroicons/react/24/solid';
-import { User, ResidentAccountAction } from '@/common';
-import {
- canSwitchFacility,
- isAdministrator,
- isUserDeactivated
-} from '@/useAuth';
-
-interface UserActionsDropdownProps {
- user: User;
- currentUser: User;
- onActionSelect: (action: ResidentAccountAction) => void;
- disabled?: boolean;
-}
-
-export default function UserActionsDropdown({
- user,
- currentUser,
- onActionSelect,
- disabled = false
-}: UserActionsDropdownProps) {
- const [dropdownOpen, setDropdownOpen] = useState(false);
- const dropdownRef = useRef
-
-
- {dropdownOpen && (
-
- );
-}
diff --git a/frontend/src/Components/VideoCard.tsx b/frontend/src/Components/VideoCard.tsx
deleted file mode 100644
index 1f32d2cc5..000000000
--- a/frontend/src/Components/VideoCard.tsx
+++ /dev/null
@@ -1,252 +0,0 @@
-import { useState } from 'react';
-import VisibleHiddenToggle from './VisibleHiddenToggle';
-import {
- Video,
- ServerResponseMany,
- ToastState,
- UserRole,
- videoIsAvailable,
- getVideoErrorMessage,
- ViewType
-} from '@/common';
-import API from '@/api/api';
-import { KeyedMutator } from 'swr';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { useToast } from '@/Context/ToastCtx';
-import { StarIcon } from '@heroicons/react/24/solid';
-import { StarIcon as StarIconOutline } from '@heroicons/react/24/outline';
-import { AdminRoles, useAuth, isAdministrator } from '@/useAuth';
-import ClampedText from './ClampedText';
-
-export default function VideoCard({
- video,
- mutate,
- role,
- handleOpenInfo,
- handleRetryVideo,
- view
-}: {
- video: Video;
- mutate: KeyedMutator-
- {visibleActions.map((actionItem) => (
-
-
- { - e.stopPropagation(); - onActionSelect(actionItem.action); - setDropdownOpen(false); - }} - > - - {actionItem.label} - --
- ))}
-
- videoIsAvailable(video) &&
- navigate(`/viewer/videos/${video.id}`)
- }
- >
- {!AdminRoles.includes(role) && (
-
- );
- } else {
- return (
- {
- e.stopPropagation();
- void handleToggleAction('favorite');
- }}
- >
- {bookmark}
-
- )}
-
-
- 
-
-
-
- {video.title}
-
-
-
-
-
- {videoIsAvailable(video)
- ? video?.description
- : getVideoErrorMessage(video) ??
- `Video currently unavailable.
- May be in the process of downloading, Please check back later`}
-
- {AdminRoles.includes(role) &&
- (videoIsAvailable(video) ? (
-
- void handleToggleAction('visibility')
- }
- view={view}
- />
- ) : handleRetryVideo ? (
-
- - {video.channel_title} - {toMinutes(video.duration)} -
-
-
-
-
- ) : null)}
-
- videoIsAvailable(video) &&
- navigate(`/viewer/videos/${video.id}`)
- }
- >
-
-
-
-
-
- );
- }
-}
diff --git a/frontend/src/Components/VideoContent.tsx b/frontend/src/Components/VideoContent.tsx
deleted file mode 100644
index 6420d22c2..000000000
--- a/frontend/src/Components/VideoContent.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import useSWR from 'swr';
-import {
- Video,
- ServerResponseMany,
- UserRole,
- videoIsAvailable,
- ViewType
-} from '../common';
-import Pagination from '../Components/Pagination';
-import VideoCard from '@/Components/VideoCard';
-import { isAdministrator, useAuth } from '@/useAuth';
-import { useLocation, useOutletContext } from 'react-router-dom';
-import { useUrlPagination } from '@/Hooks/paginationUrlSync';
-import LoadingSpinner from '@/Components/LoadingSpinner';
-
-export default function VideoContent() {
- const { user } = useAuth();
- const route = useLocation();
- const { activeView, searchQuery, sortQuery } = useOutletContext<{
- activeView: ViewType;
- searchQuery: string;
- sortQuery: string;
- }>();
- const {
- page: pageQuery,
- perPage,
- setPage: setPageQuery,
- setPerPage
- } = useUrlPagination(1, 20);
-
- const adminWithStudentView = (): boolean => {
- return !route.pathname.includes('management') && isAdministrator(user);
- };
-
- const { data, mutate, error, isLoading } = useSWR<
- ServerResponseMany
-
-
-
- {video.title}
-- {video.channel_title} - {toMinutes(video.duration)} -
-- {videoIsAvailable(video) - ? video.description - : getVideoErrorMessage(video)} -
-
- {!AdminRoles.includes(role) && (
-
- void handleToggleAction('visibility')
- }
- view={view}
- />
- ) : handleRetryVideo ? (
-
- {
- e.stopPropagation();
- void handleToggleAction('favorite');
- }}
- >
- {bookmark}
-
- )}
-
- {AdminRoles.includes(role) && (
- <>
- {videoIsAvailable(video) ? (
-
-
-
-
- ) : null}
-
- )}
-