feat: Derek/disable updating (#239)

* feat: first conditional change

* feat: update conditionally 2

* feat: xd

src/views/components/PopupMain.tsx

@@ -1,6 +1,6 @@
 import { background } from '@shared/messages';
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
-import { enableCourseStatusChips } from '@shared/util/experimental';
+import { enableCourseRefreshing, 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';
@@ -116,6 +116,7 @@ export default function PopupMain(): JSX.Element {
                             </>
                         )}
                     </div>
+                    {enableCourseRefreshing && (
                         <div className='inline-flex items-center self-center gap-1'>
                             <Text variant='mini' className='text-ut-gray !font-normal'>
                                 DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)}
@@ -133,6 +134,7 @@ export default function PopupMain(): JSX.Element {
                                 />
                             </button>
                         </div>
+                    )}
                 </div>
             </div>
         </ExtensionRoot>

src/views/components/calendar/CalenderHeader.tsx

@@ -1,5 +1,5 @@
 import { Status } from '@shared/types/Course';
-import { enableCourseStatusChips } from '@shared/util/experimental';
+import { enableCourseRefreshing, 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';
@@ -51,6 +51,7 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
                     totalHours={activeSchedule.hours}
                     totalCourses={activeSchedule.courses.length}
                 />
+                {enableCourseRefreshing && (
                     <div className='flex items-center gap-1 screenshot:hidden'>
                         <Text variant='mini' className='text-nowrap text-ut-gray font-normal!'>
                             DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)}
@@ -59,6 +60,7 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
                             <RefreshIcon className='h-4 w-4 animate-duration-800 text-ut-black' />
                         </button>
                     </div>
+                )}
             </div>
             <div className='hidden flex-row items-center justify-end gap-6 screenshot:hidden lg:flex'>
                 {enableCourseStatusChips && (