un-embed and call it a menu

LiveTL · May 28, 2024 · dfc11d6 · dfc11d6
1 parent e3bdaa4
commit dfc11d6
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/components/Hyperchat.svelte b/src/components/Hyperchat.svelte
@@ -817,7 +817,7 @@
         </button>
       {:else}
         <button use:exioButton on:click={toggleTopBar} class="inline-flex gap-1 items-center">
-          {topBarVisible ? 'Less' : 'More'}
+          Menu
           <div use:exioIcon class="inline-block" style="color: inherit;">
             unfold_{topBarVisible ? 'less' : 'more'}_double
           </div>

diff --git a/src/components/YtcFilterButtons.svelte b/src/components/YtcFilterButtons.svelte
@@ -100,8 +100,8 @@
       <span class="static-logo-text">YtcFilter</span>
     </div>
     <button use:exioButton class="activator ytcf-launch-button">
-      <span>Embed</span>
-      <div use:exioIcon class="shifted-icon top-bar-icon">
+      <span class="activator-text">Embed</span>
+      <div use:exioIcon class="shifted-icon top-bar-icon activator-icon">
         expand
       </div>
     </button>

diff --git a/src/scripts/chat-injector.ts b/src/scripts/chat-injector.ts
@@ -134,6 +134,8 @@ const chatLoaded = async (): Promise<void> => {
     return;
   }
   const activatorButton = document.querySelector('.ytcf-launch-button') as HTMLButtonElement;
+  const activatorText = activatorButton.querySelector('.activator-text') as HTMLSpanElement;
+  const activatorIcon = activatorButton.querySelector('.activator-icon') as HTMLSpanElement;
   const popoutButton = document.querySelector('.ytcf-popout-button') as HTMLButtonElement;
   const settingsButton = document.querySelector('.ytcf-settings-button') as HTMLButtonElement;
   // eslint-disable-next-line @typescript-eslint/no-misused-promises
@@ -142,6 +144,8 @@ const chatLoaded = async (): Promise<void> => {
     const frame = ytcfilterElement.querySelector('iframe');
     const resizeBar = document.querySelector('.ytcf-resize-bar') as HTMLDivElement;
     if (forceClose || ytcfilterElement.style.display === 'block') {
+      activatorText.textContent = 'Embed';
+      activatorIcon.textContent = 'expand';
       ytcfilterElement.style.display = 'none';
       resizeBar.style.display = 'none';
       ytcfilterElement.style.display = 'none';
@@ -150,6 +154,8 @@ const chatLoaded = async (): Promise<void> => {
       }
       return;
     }
+    activatorText.textContent = 'Un-Embed';
+    activatorIcon.textContent = 'cancel_presentation';
     ytcfilterElement.style.display = 'block';
     resizeBar.style.display = 'flex';
     if (frame && frame.src !== source) {