diff --git a/src/shared/util/experimental.ts b/src/shared/util/experimental.ts
new file mode 100644
index 00000000..60cb53a5
--- /dev/null
+++ b/src/shared/util/experimental.ts
@@ -0,0 +1,3 @@
+export const enableCourseStatusChips: boolean = false;
+export const constenableSettingsPage: boolean = false;
+export const enableCourseRefreshing: boolean = false;
diff --git a/src/views/components/PopupMain.tsx b/src/views/components/PopupMain.tsx
index b84164b6..14e22390 100644
--- a/src/views/components/PopupMain.tsx
+++ b/src/views/components/PopupMain.tsx
@@ -1,5 +1,6 @@
import { background } from '@shared/messages';
import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
+import { enableCourseStatusChips } from '@shared/util/experimental';
import Divider from '@views/components/common/Divider';
import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
import List from '@views/components/common/List';
@@ -107,9 +108,13 @@ export default function PopupMain(): JSX.Element {
-
-
-
+ {enableCourseStatusChips && (
+ <>
+
+
+
+ >
+ )}
diff --git a/src/views/components/calendar/CalendarCourseCell.tsx b/src/views/components/calendar/CalendarCourseCell.tsx
index d038f233..78c3faab 100644
--- a/src/views/components/calendar/CalendarCourseCell.tsx
+++ b/src/views/components/calendar/CalendarCourseCell.tsx
@@ -2,6 +2,7 @@ import type { StatusType } from '@shared/types/Course';
import { Status } from '@shared/types/Course';
import type { CourseColors } from '@shared/types/ThemeColors';
import { pickFontColor } from '@shared/util/colors';
+import { enableCourseStatusChips } from '@shared/util/experimental';
import Text from '@views/components/common/Text/Text';
import clsx from 'clsx';
import React from 'react';
@@ -43,13 +44,15 @@ export default function CalendarCourseCell({
onClick,
}: CalendarCourseCellProps): JSX.Element {
let rightIcon: React.ReactNode | null = null;
- // if (status === Status.WAITLISTED) {
- // rightIcon = ;
- // } else if (status === Status.CLOSED) {
- // rightIcon = ;
- // } else if (status === Status.CANCELLED) {
- // rightIcon = ;
- // }
+ if (enableCourseStatusChips) {
+ if (status === Status.WAITLISTED) {
+ rightIcon = ;
+ } else if (status === Status.CLOSED) {
+ rightIcon = ;
+ } else if (status === Status.CANCELLED) {
+ rightIcon = ;
+ }
+ }
// text-white or text-black based on secondaryColor
const fontColor = pickFontColor(colors.primaryColor);
diff --git a/src/views/components/calendar/CalenderHeader.tsx b/src/views/components/calendar/CalenderHeader.tsx
index c159cdc7..8f77d7d0 100644
--- a/src/views/components/calendar/CalenderHeader.tsx
+++ b/src/views/components/calendar/CalenderHeader.tsx
@@ -1,4 +1,5 @@
import { Status } from '@shared/types/Course';
+import { enableCourseStatusChips } from '@shared/util/experimental';
import { Button } from '@views/components/common/Button';
import CourseStatus from '@views/components/common/CourseStatus';
import Divider from '@views/components/common/Divider';
@@ -60,9 +61,13 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
-
-
-
+ {enableCourseStatusChips && (
+ <>
+
+
+
+ >
+ )}
{/*
*/}