From 0ab83efd47d75fb6c278994c7dc8a6d22b4b6b83 Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Mon, 30 Sep 2024 19:15:25 -0500
Subject: [PATCH] feat: Derek/disable updating (#239)

* feat: first conditional change

* feat: update conditionally 2

* feat: xd
---
 src/views/components/PopupMain.tsx            | 38 ++++++++++---------
 .../components/calendar/CalenderHeader.tsx    | 20 +++++-----
 2 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/views/components/PopupMain.tsx b/src/views/components/PopupMain.tsx
index 14e22390..04524901 100644
--- a/src/views/components/PopupMain.tsx
+++ b/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,23 +116,25 @@ export default function PopupMain(): JSX.Element {
                             </>
                         )}
                     </div>
-                    <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)}
-                        </Text>
-                        <button
-                            className='h-4 w-4 bg-transparent p-0 btn'
-                            onClick={() => {
-                                setIsRefreshing(true);
-                            }}
-                        >
-                            <RefreshIcon
-                                className={clsx('h-4 w-4 text-ut-black animate-duration-800', {
-                                    'animate-spin': isRefreshing,
-                                })}
-                            />
-                        </button>
-                    </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)}
+                            </Text>
+                            <button
+                                className='h-4 w-4 bg-transparent p-0 btn'
+                                onClick={() => {
+                                    setIsRefreshing(true);
+                                }}
+                            >
+                                <RefreshIcon
+                                    className={clsx('h-4 w-4 text-ut-black animate-duration-800', {
+                                        'animate-spin': isRefreshing,
+                                    })}
+                                />
+                            </button>
+                        </div>
+                    )}
                 </div>
             </div>
         </ExtensionRoot>
diff --git a/src/views/components/calendar/CalenderHeader.tsx b/src/views/components/calendar/CalenderHeader.tsx
index 8f77d7d0..30830977 100644
--- a/src/views/components/calendar/CalenderHeader.tsx
+++ b/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,14 +51,16 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
                     totalHours={activeSchedule.hours}
                     totalCourses={activeSchedule.courses.length}
                 />
-                <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)}
-                    </Text>
-                    <button className='inline-block h-4 w-4 bg-transparent p-0 btn'>
-                        <RefreshIcon className='h-4 w-4 animate-duration-800 text-ut-black' />
-                    </button>
-                </div>
+                {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)}
+                        </Text>
+                        <button className='inline-block h-4 w-4 bg-transparent p-0 btn'>
+                            <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 && (