Skip to content

Commit 496d26c

Browse files
committed
fixup! feat: Add slots for video and file upload components and alerts
1 parent 76254aa commit 496d26c

4 files changed

Lines changed: 6 additions & 1 deletion

File tree

src/plugin-slots/CourseFilesSlot/README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,10 @@ This slot is used to replace/modify/hide the course file table UI.
99
## Example
1010

1111
### Wrapped with a div with dashed border
12+
1213
![Red Border around Files UI](./screenshot_files_border_wrap.png)
1314

14-
The following `env.config.jsx` will wrap the files component with a div that has a large red dashed
15+
The following `env.config.jsx` will wrap the files component with a div that has a large red dashed
1516
red border.
1617

1718
```js

src/plugin-slots/CourseOutlinePageAlertsSlot/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ This slot is used to add alerts to the course outline page.
99
## Example
1010

1111
### Additional Alert
12+
1213
![Additional Alerts in Outline Page](./screenshot_outline_alert_added.png)
1314

1415
The following `env.config.jsx` will wrap the files component with a div that has a large red dashed redborder.

src/plugin-slots/CourseVideosSlot/README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ This slot is used to replace/modify/hide the course video upload page UI.
99
## Example
1010

1111
### Wrapped with a div with dashed border
12+
1213
![Red Border around Videos UI](./screenshot_videos_border_wrap.png)
1314

1415
The following `env.config.jsx` will wrap the files component with a div that has a large red dashed redborder.

src/plugin-slots/EditFileErrorAlertsSlot/README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,11 @@ This slot is used to add alerts to the course file edit page.
99
## Example
1010

1111
### Additional Alert on Files Page
12+
1213
![🍞 in breadcrumbs slot](./screenshot_files_alert_added.png)
1314

1415
### Additional Alert on Videos Page
16+
1517
![🍞 in breadcrumbs slot](./screenshot_videos_alert_added.png)
1618

1719
The following `env.config.jsx` will wrap the files component with a div that has a large red dashed redborder.

0 commit comments

Comments
 (0)