Merge pull request #1569 from PR0M3TH3AN/ui-sidebar-and-kids-page-update-7304422198086079483

Update sidebar order and add tags to Kids page

components/sidebar.html

@@ -54,15 +54,6 @@
             />
             <span class="sidebar-text">For You</span>
           </a>
-          <a href="#view=kids" class="sidebar-nav-link" title="For Kids">
-            <img
-              src="assets/svg/feed-icon.svg"
-              alt=""
-              aria-hidden="true"
-              class="sidebar-icon"
-            />
-            <span class="sidebar-text">For Kids</span>
-          </a>
           <a href="#view=most-recent-videos" class="sidebar-nav-link" title="Recently Added">
             <img
               src="assets/svg/globe-icon.svg"
@@ -72,6 +63,15 @@
             />
             <span class="sidebar-text">Recently Added</span>
           </a>
+          <a href="#view=kids" class="sidebar-nav-link" title="For Kids">
+            <img
+              src="assets/svg/feed-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">For Kids</span>
+          </a>
           <a
             id="exploreLink"
             href="#view=explore"

js/app.js

@@ -6566,7 +6566,7 @@ class Application {
     devLogger.log("Starting loadKidsVideos... (forceFetch =", forceFetch, ")");
     this.setFeedTelemetryContext("kids");
 
-    const container = this.mountVideoListView({ includeTags: false });
+    const container = this.mountVideoListView({ includeTags: true });
     const hasCachedVideos =
       this.nostrService &&
       Array.isArray(this.nostrService.getFilteredActiveVideos()) &&

verification/verify_share_modal.py

@@ -1,57 +0,0 @@
-import os
-from playwright.sync_api import sync_playwright
-
-def verify_share_modal():
-    with sync_playwright() as p:
-        browser = p.chromium.launch(headless=True)
-        page = browser.new_page()
-
-        # Navigate to the app
-        print("Navigating to app...")
-        page.goto("http://localhost:8000")
-
-        # Wait for app to initialize
-        print("Waiting for network idle...")
-        page.wait_for_load_state("networkidle")
-
-        # Force open the modal using module import
-        print("Opening modal...")
-        page.evaluate("""
-            (async () => {
-                const { getApplication } = await import('./js/applicationContext.js');
-                const app = getApplication();
-
-                if (!app) {
-                    console.error("Application instance not found");
-                    return;
-                }
-
-                const video = {
-                    id: "test-video-id",
-                    title: "Frontend Verification Video",
-                    pubkey: "abcd1234abcd1234abcd1234abcd1234",
-                    creatorName: "Verified User",
-                    thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg",
-                    shareUrl: "http://localhost:8000/?v=test"
-                };
-
-                // We use app.openShareNostrModal to test the integration in app.js as well
-                await app.openShareNostrModal({ video });
-            })()
-        """)
-
-        # Wait for modal to appear
-        print("Waiting for modal...")
-        modal = page.locator("#shareNostrModal")
-        modal.wait_for(state="visible", timeout=10000)
-
-        # Take screenshot
-        os.makedirs("verification", exist_ok=True)
-        screenshot_path = os.path.abspath("verification/share_modal.png")
-        modal.screenshot(path=screenshot_path)
-        print(f"Screenshot saved to {screenshot_path}")
-
-        browser.close()
-
-if __name__ == "__main__":
-    verify_share_modal()

views/kids.html

@@ -26,6 +26,7 @@
     </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">