From 5dbee6f0c39e620c3b65a5e0156fd59ec8217ca7 Mon Sep 17 00:00:00 2001
From: DhruvArora-03 <dhruvarora@utexas.edu>
Date: Sat, 17 Feb 2024 12:44:05 -0600
Subject: [PATCH] feat: add ImportantLinks Component

---
 .../components/ImportantLinks.stories.tsx     | 19 ++++++
 src/views/components/ImportantLinks.tsx       | 65 +++++++++++++++++++
 2 files changed, 84 insertions(+)
 create mode 100644 src/stories/components/ImportantLinks.stories.tsx
 create mode 100644 src/views/components/ImportantLinks.tsx

diff --git a/src/stories/components/ImportantLinks.stories.tsx b/src/stories/components/ImportantLinks.stories.tsx
new file mode 100644
index 000000000..9f8a606d9
--- /dev/null
+++ b/src/stories/components/ImportantLinks.stories.tsx
@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import ImportantLinks from 'src/views/components/ImportantLinks';
+
+const meta = {
+    title: 'Components/Common/ImportantLinks',
+    component: ImportantLinks,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {},
+} satisfies Meta<typeof ImportantLinks>;
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    args: {},
+};
diff --git a/src/views/components/ImportantLinks.tsx b/src/views/components/ImportantLinks.tsx
new file mode 100644
index 000000000..5e7c52d17
--- /dev/null
+++ b/src/views/components/ImportantLinks.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import clsx from 'clsx';
+import Text from './common/Text/Text';
+import OutwardArrowIcon from '~icons/material-symbols/arrow-outward';
+
+type Props = {
+    className?: string;
+};
+
+/**
+ * The "Important Links" section of the calendar website
+ * @returns
+ */
+export default function ImportantLinks({ className }: Props) {
+    return (
+        <article className={clsx(className, 'flex flex-col gap-2')}>
+            <Text variant='h3'>Important Links</Text>
+            <a
+                href='https://utdirect.utexas.edu/apps/registrar/course_schedule/20242/'
+                className='text-ut-burntorange flex items-center gap-0.5'
+                target='_blank'
+                rel='noreferrer'
+            >
+                <Text variant='p'>Spring Course Schedule</Text>
+                <OutwardArrowIcon className='h-3 w-3' />
+            </a>
+            <a
+                href='https://utdirect.utexas.edu/apps/registrar/course_schedule/20236/'
+                className='text-ut-burntorange flex items-center gap-0.5'
+                target='_blank'
+                rel='noreferrer'
+            >
+                <Text variant='p'>Summer Course Schedule</Text>
+                <OutwardArrowIcon className='h-3 w-3' />
+            </a>
+            <a
+                href='https://utdirect.utexas.edu/registrar/ris.WBX'
+                className='text-ut-burntorange flex items-center gap-0.5'
+                target='_blank'
+                rel='noreferrer'
+            >
+                <Text variant='p'>Registration Info Sheet</Text>
+                <OutwardArrowIcon className='h-3 w-3' />
+            </a>
+            <a
+                href='https://utdirect.utexas.edu/registration/chooseSemester.WBX'
+                className='text-ut-burntorange flex items-center gap-0.5'
+                target='_blank'
+                rel='noreferrer'
+            >
+                <Text variant='p'>Register For Courses</Text>
+                <OutwardArrowIcon className='h-3 w-3' />
+            </a>
+            <a
+                href='https://utdirect.utexas.edu/apps/degree/audits/'
+                className='text-ut-burntorange flex items-center gap-0.5'
+                target='_blank'
+                rel='noreferrer'
+            >
+                <Text variant='p'>Degree Audit</Text>
+                <OutwardArrowIcon className='h-3 w-3' />
+            </a>
+        </article>
+    );
+}