add learning materials tab

[ChristopherChudzicki]

What are the relevant tickets?

Closes https://github.com/mitodl/hq/issues/4620

Description (What does it do?)

This PR adds a "Learning Materials" tab to the search page and channel pages

Screenshots (if ap

propriate):

How can this be tested?

On this branch:

1. View the search page locally.
2. You should see 4 tabs: "All", "Courses", "Programs", "Learning Materials".
   • Check that each tab shows the appropriate things
   • "Learning Materials" should show everything except courses and programs
3. Check that tab counts do not change when switching tabs

[ChristopherChudzicki]

I opened an issue about this in course-search-utils mitodl/course-search-utils#113 with more details.

[Ferdi]

@ChristopherChudzicki in the main nav menu we have "learning materials" as tbd. Are you planning to remove tbd and link to this tab?

[ChristopherChudzicki]

@ChristopherChudzicki in the main nav menu we have "learning materials" as tbd. Are you planning to remove tbd and link to this tab?

Good call. I'll add that.

[ChristopherChudzicki]

Previously the active tab was based on resource_type query parameter.

Now the tabs are:

• All tab="all" ... resource_type=[]
• Courses tab="courses" ... resource_type=["course"]
• Programs tab="programs" ... resource_type=["program"]
• Learning Materials tab="learning-materials" ... resource_type=["video", "podcast", "podcast_episode", "video_playlist", "learning_path"].

I was a little torn about whether to infer the tab based on resource_type query param, or use a separate tab param (which is what I ended up doing).

Using a separate tab really simplifies URLs like href: querifiedSearchUrl({ tab: "learning-materials" }), in the navbar.

My thought is that in the future when we add a "resource_type" sidebar facet (for the LM tab), the URLs would look like ?tab=learning-materials&resource_type="video".

[abeglova]

👍 Works great!