RecruitmentBanner, thank you Lukas

src/views/components/injected/RecruitmentBanner/RecruitmentBanner.module.scss

@@ -0,0 +1,8 @@
+@import 'src/views/styles/base.module.scss';
+
+.container {
+    background-color: $burnt_orange;
+    color: white;
+    text-align: center;
+    padding: 12px;
+}

src/views/components/injected/RecruitmentBanner/RecruitmentBanner.tsx

@@ -0,0 +1,66 @@
+import React, { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import Link from '../../common/Link/Link';
+import Text from '../../common/Text/Text';
+import styles from './RecruitmentBanner.module.scss';
+
+const DISCORD_URL = 'https://discord.gg/qjcvgyVJbT';
+const GITHUB_URL = 'https://github.com/sghsri/UT-Registration-Plus';
+
+const RECRUIT_FROM_DEPARTMENTS = ['C S', 'ECE', 'MIS', 'CSE', 'EE', 'ITD'];
+
+/**
+ * This adds a new column to the course catalog table header.
+ * @returns a react portal to the new column or null if the column has not been created yet.
+ */
+export default function RecruitmentBanner() {
+    const [container, setContainer] = useState<HTMLDivElement | null>(null);
+
+    const shouldShowBanner = (): boolean => {
+        const params = ['fos_fl', 'fos_cn'];
+        let department = '';
+        params.forEach(p => {
+            const param = new URLSearchParams(window.location.search).get(p);
+            if (param) {
+                department = param;
+            }
+        });
+        if (!department) {
+            return false;
+        }
+        return RECRUIT_FROM_DEPARTMENTS.includes(department);
+    };
+
+    useEffect(() => {
+        if (!shouldShowBanner()) {
+            return;
+        }
+        const container = document.createElement('div');
+        container.setAttribute('id', 'ut-registration-plus-table-head');
+
+        const table = document.querySelector('table');
+        table!.before(container);
+        setContainer(container);
+    }, []);
+
+    if (!container) {
+        return null;
+    }
+
+    return createPortal(
+        <div className={styles.container}>
+            <Text color='white'>
+                Interested in helping us develop UT Registration Plus? Check out our{' '}
+                <Link color='white' url={DISCORD_URL}>
+                    Discord Server
+                </Link>{' '}
+                and{' '}
+                <Link color='white' url={GITHUB_URL}>
+                    GitHub
+                </Link>
+                !
+            </Text>
+        </div>,
+        container
+    );
+}