DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated Injecting code into UT Pages (markdown)

Derek
2025-07-22 04:52:46 -05:00
parent 1208fa0cbe
commit cbdbc11ef2
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Injecting-code-into-UT-Pages.md

@@ -3,7 +3,7 @@
This page documents how we inject code into supported pages across the UT Austin web ecosystem. This page documents how we inject code into supported pages across the UT Austin web ecosystem.
## Choosing a page to inject on ## Choosing a page to inject on
Current URL is obtained through `window.location.href` by calling `getSiteSupport` in `index.tsx` Current URL is obtained through `window.location.href` by calling `getSiteSupport`
## siteSupport ## siteSupport
Contains enum to determine what page a user is on. For example Contains enum to determine what page a user is on. For example
@@ -14,7 +14,7 @@ if (url.includes('my.utexas.edu/student/student/index') || url.includes('my.utex
``` ```
## renderComponent ## renderComponent
Found in `index.tsx`, the `renderComponent` function is a utility used by the extension to inject React components into websites (and other supported pages). It creates a new div and appends it to the document body. It then uses React’s createRoot to render the React component inside this container. Found in `index.tsx` in `pages`, the `renderComponent` function is a utility used by the extension to inject React components into websites (and other supported pages). It creates a new div and appends it to the document body. It then uses React’s createRoot to render the React component inside this container.
```ts ```ts
const renderComponent = (Component: React.ComponentType) => { const renderComponent = (Component: React.ComponentType) => {