Merge pull request #1540 from PR0M3TH3AN/feature/add-explore-hashtag-bar-14026951755166159679

Add hashtag helper bar to Explore tab
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2026-01-22 21:21:45 -05:00
commit 4c55e56955
5 files changed
+8 -7

No files matched your search

+2 -2
View File
@@ -2821,7 +2821,7 @@ class Application {
let tagsRoot = null;
if (includeTags) {
tagsRoot = document.getElementById("recentVideoTags");
tagsRoot = document.getElementById("videoListTags");
}
this.videoListPopularTags = tagsRoot || null;
if (typeof this.videoListView.setPopularTagsContainer === "function") {
@@ -2870,7 +2870,7 @@ class Application {
: "Refreshing videos…";
this.videoList = isElement(container) ? container : null;
const tagsRoot = document.getElementById("recentVideoTags");
const tagsRoot = document.getElementById("videoListTags");
this.videoListPopularTags = isElement(tagsRoot) ? tagsRoot : null;
if (typeof this.videoListView.setPopularTagsContainer === "function") {
this.videoListView.setPopularTagsContainer(this.videoListPopularTags);
+2 -2
View File
@@ -33,7 +33,7 @@ export default class VideoListViewController {
if (this.isElement(popularTagsContainer)) {
popularTags = popularTagsContainer;
} else if (includeTags) {
popularTags = this.getElementById("recentVideoTags");
popularTags = this.getElementById("videoListTags");
}
if (typeof view.setPopularTagsContainer === "function") {
@@ -87,7 +87,7 @@ export default class VideoListViewController {
if (this.isElement(popularTagsContainer)) {
tagsRoot = popularTagsContainer;
} else {
tagsRoot = this.getElementById("recentVideoTags");
tagsRoot = this.getElementById("videoListTags");
}
if (typeof view.setPopularTagsContainer === "function") {
view.setPopularTagsContainer(this.isElement(tagsRoot) ? tagsRoot : null);
@@ -6,11 +6,11 @@ import { VideoListView } from "../../js/ui/views/VideoListView.js";
function createViewDom() {
const dom = new JSDOM(
"<!DOCTYPE html><body><section><div id=\"recentVideoTags\" hidden></div><div id=\"videoList\"></div></section></body>"
"<!DOCTYPE html><body><section><div id=\"videoListTags\" hidden></div><div id=\"videoList\"></div></section></body>"
);
const { document } = dom.window;
const listRoot = document.getElementById("videoList");
const tagsRoot = document.getElementById("recentVideoTags");
const tagsRoot = document.getElementById("videoListTags");
// Mock IntersectionObserver for VideoCard (both on window and global for module access)
const MockIntersectionObserver = class IntersectionObserver {
+1
View File
@@ -25,6 +25,7 @@
</svg>
</button>
</div>
<div id="videoListTags" class="mb-4" hidden></div>
<div id="videoList" class="bv-grid-video">
<div class="sidebar-loading-wrapper" role="status" aria-live="polite">
<div class="sidebar-loading-indicator">
+1 -1
View File
@@ -28,7 +28,7 @@
</div>
<!-- Video List -->
<div id="recentVideoTags" class="mb-4" hidden></div>
<div id="videoListTags" class="mb-4" hidden></div>
<div id="videoList" class="bv-grid-video">
<div class="sidebar-loading-wrapper" role="status" aria-live="polite">
<div class="sidebar-loading-indicator">