refactor: remove component subfolders (#184)

(and unused components)

src/views/components/calendar/CalendarBottomBar.tsx

@@ -0,0 +1,65 @@
+import { saveAsCal, saveCalAsPng } from '@views/components/calendar/utils';
+import { Button } from '@views/components/common/Button';
+import Divider from '@views/components/common/Divider';
+import Text from '@views/components/common/Text/Text';
+import clsx from 'clsx';
+import React from 'react';
+
+import CalendarMonthIcon from '~icons/material-symbols/calendar-month';
+import ImageIcon from '~icons/material-symbols/image';
+
+import type { CalendarCourseCellProps } from './CalendarCourseCell';
+import CalendarCourseBlock from './CalendarCourseCell';
+
+type CalendarBottomBarProps = {
+    courses?: CalendarCourseCellProps[];
+    calendarRef: React.RefObject<HTMLDivElement>;
+};
+
+/**
+ * Renders the bottom bar of the calendar component.
+ *
+ * @param {Object[]} courses - The list of courses to display in the calendar.
+ * @param {React.RefObject} calendarRef - The reference to the calendar component.
+ * @returns {JSX.Element} The rendered bottom bar component.
+ */
+export default function CalendarBottomBar({ courses, calendarRef }: CalendarBottomBarProps): JSX.Element {
+    const displayCourses = courses && courses.length > 0;
+
+    return (
+        <div className='w-full flex py-1.25 pl-7.5 pr-6.25'>
+            <div
+                className={clsx('flex flex-grow items-center gap-3.75 text-nowrap', {
+                    'py-7.5': !displayCourses,
+                })}
+            >
+                {displayCourses && (
+                    <>
+                        <Text variant='h4'>Async/Other:</Text>
+                        <div className='inline-flex gap-2.5'>
+                            {courses.map(({ courseDeptAndInstr, status, colors, className }) => (
+                                <CalendarCourseBlock
+                                    courseDeptAndInstr={courseDeptAndInstr}
+                                    status={status}
+                                    colors={colors}
+                                    key={courseDeptAndInstr}
+                                    className={clsx(className, 'w-35! h-15!')}
+                                />
+                            ))}
+                        </div>
+                    </>
+                )}
+            </div>
+            <div className='flex items-center'>
+                {displayCourses && <Divider orientation='vertical' size='1rem' className='mx-1.25' />}
+                <Button variant='single' color='ut-black' icon={CalendarMonthIcon} onClick={saveAsCal}>
+                    Save as .CAL
+                </Button>
+                <Divider orientation='vertical' size='1rem' className='mx-1.25' />
+                <Button variant='single' color='ut-black' icon={ImageIcon} onClick={() => saveCalAsPng(calendarRef)}>
+                    Save as .PNG
+                </Button>
+            </div>
+        </div>
+    );
+}