From 3abb11734ab4b6d0eeda2e749930d570199269b8 Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Sat, 23 Nov 2024 00:14:49 -0600
Subject: [PATCH] refactor: change a file name (#447)

* refactor: file upload component

* refactor: changed name of a function and added a new line
---
 src/pages/background/lib/addCourse.ts         |  1 +
 src/pages/background/lib/importSchedule.ts    |  1 -
 ...ton.stories.tsx => FileUpload.stories.tsx} | 37 ++++++++-----------
 .../{InputButton.tsx => FileUpload.tsx}       |  2 +-
 src/views/components/settings/Settings.tsx    |  6 +--
 5 files changed, 21 insertions(+), 26 deletions(-)
 rename src/stories/components/{InputButton.stories.tsx => FileUpload.stories.tsx} (63%)
 rename src/views/components/common/{InputButton.tsx => FileUpload.tsx} (98%)

diff --git a/src/pages/background/lib/addCourse.ts b/src/pages/background/lib/addCourse.ts
index 9a14087d..c7a1217e 100644
--- a/src/pages/background/lib/addCourse.ts
+++ b/src/pages/background/lib/addCourse.ts
@@ -21,6 +21,7 @@ export default async function addCourse(scheduleId: string, course: Course, hasC
     if (!hasColor) {
         course.colors = getUnusedColor(activeSchedule, course);
     }
+
     activeSchedule.courses.push(course);
     activeSchedule.updatedAt = Date.now();
     await UserScheduleStore.set('schedules', schedules);
diff --git a/src/pages/background/lib/importSchedule.ts b/src/pages/background/lib/importSchedule.ts
index e85adca6..a17526dd 100644
--- a/src/pages/background/lib/importSchedule.ts
+++ b/src/pages/background/lib/importSchedule.ts
@@ -26,7 +26,6 @@ export default async function importSchedule(scheduleData: unknown): Promise<voi
             const course = new Course(c);
             // eslint-disable-next-line no-await-in-loop
             await addCourse(newScheduleId, course, true);
-            console.log(course.colors);
         }
         console.log('Course schedule successfully parsed!');
     } else {
diff --git a/src/stories/components/InputButton.stories.tsx b/src/stories/components/FileUpload.stories.tsx
similarity index 63%
rename from src/stories/components/InputButton.stories.tsx
rename to src/stories/components/FileUpload.stories.tsx
index a0188081..c07d5c1c 100644
--- a/src/stories/components/InputButton.stories.tsx
+++ b/src/stories/components/FileUpload.stories.tsx
@@ -1,21 +1,16 @@
 import { colorsFlattened } from '@shared/util/themeColors';
 import type { Meta, StoryObj } from '@storybook/react';
-import InputButton from '@views/components/common/InputButton';
+import FileUpload from '@views/components/common/FileUpload';
 import React from 'react';
 
-import AddIcon from '~icons/material-symbols/add';
-import CalendarMonthIcon from '~icons/material-symbols/calendar-month';
-import DescriptionIcon from '~icons/material-symbols/description';
 import ImagePlaceholderIcon from '~icons/material-symbols/image';
-import HappyFaceIcon from '~icons/material-symbols/mood';
-import ReviewsIcon from '~icons/material-symbols/reviews';
 
 /**
  * Stole this straight from Button.stories.tsx to test the input
  */
 const meta = {
-    title: 'Components/Common/InputButton',
-    component: InputButton,
+    title: 'Components/Common/FileUpload',
+    component: FileUpload,
     parameters: {
         layout: 'centered',
     },
@@ -39,7 +34,7 @@ const meta = {
         },
         onChange: { action: 'file selected' }, // action to show when file is selected
     },
-} satisfies Meta<typeof InputButton>;
+} satisfies Meta<typeof FileUpload>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -64,17 +59,17 @@ export const Grid: Story = {
     render: props => (
         <div style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
             <div style={{ display: 'flex', gap: '15px' }}>
-                <InputButton {...props} variant='filled' color='ut-black' />
-                <InputButton {...props} variant='outline' color='ut-black' />
-                <InputButton {...props} variant='single' color='ut-black' />
+                <FileUpload {...props} variant='filled' color='ut-black' />
+                <FileUpload {...props} variant='outline' color='ut-black' />
+                <FileUpload {...props} variant='single' color='ut-black' />
             </div>
 
             <hr />
 
             <div style={{ display: 'flex', gap: '15px' }}>
-                <InputButton {...props} variant='filled' color='ut-black' disabled />
-                <InputButton {...props} variant='outline' color='ut-black' disabled />
-                <InputButton {...props} variant='single' color='ut-black' disabled />
+                <FileUpload {...props} variant='filled' color='ut-black' disabled />
+                <FileUpload {...props} variant='outline' color='ut-black' disabled />
+                <FileUpload {...props} variant='single' color='ut-black' disabled />
             </div>
         </div>
     ),
@@ -92,15 +87,15 @@ export const PrettyColors: Story = {
             <div style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
                 {colorsNames.map(color => (
                     <div style={{ display: 'flex', gap: '15px' }} key={color}>
-                        <InputButton {...props} variant='filled' color={color}>
+                        <FileUpload {...props} variant='filled' color={color}>
                             Button
-                        </InputButton>
-                        <InputButton {...props} variant='outline' color={color}>
+                        </FileUpload>
+                        <FileUpload {...props} variant='outline' color={color}>
                             Button
-                        </InputButton>
-                        <InputButton {...props} variant='single' color={color}>
+                        </FileUpload>
+                        <FileUpload {...props} variant='single' color={color}>
                             Button
-                        </InputButton>
+                        </FileUpload>
                     </div>
                 ))}
             </div>
diff --git a/src/views/components/common/InputButton.tsx b/src/views/components/common/FileUpload.tsx
similarity index 98%
rename from src/views/components/common/InputButton.tsx
rename to src/views/components/common/FileUpload.tsx
index 63fcdf97..2499714d 100644
--- a/src/views/components/common/InputButton.tsx
+++ b/src/views/components/common/FileUpload.tsx
@@ -22,7 +22,7 @@ interface Props {
  *
  * @returns
  */
-export default function InputButton({
+export default function FileUpload({
     className,
     style,
     variant,
diff --git a/src/views/components/settings/Settings.tsx b/src/views/components/settings/Settings.tsx
index fb5229d4..975e273b 100644
--- a/src/views/components/settings/Settings.tsx
+++ b/src/views/components/settings/Settings.tsx
@@ -29,7 +29,7 @@ import IconoirGitFork from '~icons/iconoir/git-fork';
 // import { ExampleCourse } from 'src/stories/components/ConflictsWithWarning.stories';
 import DeleteForeverIcon from '~icons/material-symbols/delete-forever';
 
-import InputButton from '../common/InputButton';
+import FileUpload from '../common/FileUpload';
 import { useMigrationDialog } from '../common/MigrationDialog';
 // import RefreshIcon from '~icons/material-symbols/refresh';
 import DevMode from './DevMode';
@@ -383,9 +383,9 @@ export default function Settings(): JSX.Element {
                                         </Text>
                                         <p className='text-sm text-gray-600'>Import from a schedule file</p>
                                     </div>
-                                    <InputButton variant='filled' color='ut-burntorange' onChange={handleImportClick}>
+                                    <FileUpload variant='filled' color='ut-burntorange' onChange={handleImportClick}>
                                         Import Schedule
-                                    </InputButton>
+                                    </FileUpload>
                                 </div>
 
                                 <Divider size='auto' orientation='horizontal' />