openedx / frontend-app-course-authoring

The micro-frontend for course authoring in Open edX. Frontend interfaces that currently live in Studio/CMS should eventually live here.
GNU Affero General Public License v3.0
12 stars 65 forks source link

Library Search Home Tab - Recent and Components #1039

Open bradenmacdonald opened 1 month ago

bradenmacdonald commented 1 month ago

Building on https://github.com/openedx/frontend-app-course-authoring/issues/1036 , https://github.com/openedx/frontend-app-course-authoring/issues/1037 , and https://github.com/openedx/frontend-app-course-authoring/issues/1038 : create the "Home" tab of the Library search view.

Designs: Mid-Fi Figma link

✅ In Scope:

  1. The "Recently Modified" row shows 2-4 matching results (for now they're all components but in the future they'll include collections and units), sorted by modified date (recently modified first). This section always displays the most recently modified content and functions independently of any "sort by" or "filter" options a user may choose. Mockup of Recently Modified
    • There is no "View All" link for the recently modified section.
  2. The "Components" row shows 2-4 matching components, sorted by the current "Sort By" setting. Clicking "View all" jumps to the "Components" tab. Screenshot
  3. The title of the "Components" row specifies how many matching components there are in total.
  4. If there are no components, don't display anything except the empty state message (see Figma).
  5. Include the filters from https://github.com/openedx/frontend-app-course-authoring/issues/1048 and https://github.com/openedx/frontend-app-course-authoring/issues/1049

🛑 Out of Scope:

  1. The "Collections" row is out of scope for now.
jmakowski1123 commented 1 month ago

Suggested modification to the "view all" button on the "recently modified" section. Tldr I think we should just remove the "view all" button from the "recently modified" section and accept that that section only contains a limited number of contents. https://www.figma.com/design/Y3gSyrpG6uncUUfjK7eQuo?node-id=1921-103844#815172223

yusuf-musleh commented 1 week ago

@bradenmacdonald @jmakowski1123 Regarding the "Recently Modified" section:

The "Recently Modified" row shows 2-4 matching results ...

Does this imply search results? i.e. does searching impact what is shown is shown in the "Recently Modified" section? Or should it always just show the the most recently modified components (units/collections in future), regardless of search/filter/sorting applied on the page?

bradenmacdonald commented 1 week ago

@yusuf-musleh If I remember correctly, we decided that section just always shows the most recently modified things regardless of search/filters.