openedx / openedx/frontend-app-authoring

Unit Page: Add Sidebar

Open
#2,636 8 comments 0 reactions 1 assignee View on GitHub

@ChrisChV is already working on this.

Since Feb 12, 2026.

Dominant language
TypeScript
Stars
17
Forks
218
Avg merge
9d 20h
Merged PRs (30d)
20

Description

Designs

Figma link

Add New Add New (Advanced) Add from Library
Image Image Image

Spec

  • Unit add sidebar is opened when clicking the "+ Add" button in the page level actions
  • Default opens to 'add new' which shows all default blocks
  • Added content gets placed at the end of the unit as the last object
  • [to confirm] as soon as content is added, the info sidebar for that object opens.

Add New

  • Advanced blocks are in a secondary screen
  • Text, Problem, and ORA have templates that are in chips. These block types are collapsable by clicking the arrow.
  • Click targets:
    • Clicking a chip for a template opens that chip template (ie: peer in ORA opens a new peer graded ORA)
    • Clicking the expand/ collapse icon expands or collapses the block type group
    • clicking anywhere else opens the modal currently implemented for all block types

Add Existing

  • Add existing tab shows content from libraries in cards
  • Filter behaves as the filters on the Outline page
  • Clicking the "+ Add" button on the card header adds the card
  • Clicking anywhere else in the card opens a preview modal (out of scope: modal will be completed in the #1744 Epic

Add new components section

Image
  • We should leave those buttons as is.
  • Put the paste button above the "add new component" section

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.