wip scraping infra

src/views/components/injected/TableRow.tsx

@@ -1,10 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { Course } from 'src/shared/types/Course';
+import { SiteSupport } from 'src/views/lib/getSiteSupport';
 import { Button } from '../common/Button/Button';
 
 interface Props {
-    row: HTMLTableRowElement;
+    support: SiteSupport;
+    element: HTMLTableRowElement;
     onClick: (course: Course) => void;
 }
 
@@ -12,21 +14,20 @@ interface Props {
  * This component is injected into each row of the course catalog table.
  * @returns a react portal to the new td in the column or null if the column has not been created yet.
  */
-export default function TableRow({ row, onClick }: Props): JSX.Element | null {
+export default function TableRow({ support, element, onClick }: Props): JSX.Element | null {
     const [container, setContainer] = useState<HTMLTableCellElement | null>(null);
     const [course, setCourse] = useState<Course | null>(null);
 
     useEffect(() => {
         const portalContainer = document.createElement('td');
-        const lastTableCell = row.querySelector('td:last-child');
+        const lastTableCell = element.querySelector('td:last-child');
         lastTableCell!.after(portalContainer);
         setContainer(portalContainer);
     }, []);
 
     useEffect(() => {
-        const course = scrapeCourseFromRow(row);
         setCourse(course);
-    }, [row]);
+    }, [element]);
 
     if (!container || !course) {
         return null;
@@ -38,7 +39,3 @@ export default function TableRow({ row, onClick }: Props): JSX.Element | null {
 
     return ReactDOM.createPortal(<Button onClick={handleOnClick}>Plus</Button>, container);
 }
-
-function scrapeCourseFromRow(row): Course {
-    return null as any;
-}