feat: migrate to API rewrite

site/src/component/PrereqTree/PrereqTree.tsx

@@ -25,12 +25,19 @@ const Node: FC<NodeProps> = (props) => {
     <div style={{ padding: "1px 0" }} className={`node-container ${props.node}`} key={props.index}>
       <Popup
         trigger={
-          <a href={'/course/' + props.label.split('(')[0].replace(/\s+/g, '')} role='button' style={{ padding: '0.5rem' }} className={'node ui button'}>
-            {props.label}
-          </a>
+          !props.label.startsWith("AP ") ? (
+            <a href={'/course/' + props.label.split('(')[0].replace(/\s+/g, '')} role="button" style={{ padding: "0.5rem" }} className={`node ui button`}>
+              {props.label}
+            </a>
+          ) : (
+            <button style={{ padding: "0.5rem" }} className={`node ui button`}>{`${props.label}`}</button>
+          )
         }
         content={props.content.length ? props.content : props.label}
-        basic position='top center' wide='very' />
+        basic
+        position="top center"
+        wide="very"
+      />
     </div>
   );
 };
@@ -126,7 +133,7 @@ const PrereqTree: FC<PrereqProps> = (props) => {
                   {Object.values(props.prerequisiteFor).map(
                     (dependency, index) => (
                       <li key={`dependency-node-${index}`} className={'dependency-node'}>
-                        <Node label={dependency.id} content={dependency.title} node={'dependency-node'} />
+                        <Node label={`${dependency.department} ${dependency.courseNumber}`} content={dependency.title} node={'dependency-node'} />
                       </li>
                     )
                   )}
@@ -157,7 +164,6 @@ const PrereqTree: FC<PrereqProps> = (props) => {
                 prerequisiteNames={props.prerequisiteList}
                 prerequisiteJSON={props.prerequisiteTree}
               />
-
             </div>
           )}