refactor(external-playback): improve session handling and remove dismiss functionality

libs/ui/components/src/lib/external-playback-dock/external-playback-dock.component.html

@@ -53,14 +53,5 @@
                 }
             </button>
         }
-        <button
-            type="button"
-            mat-icon-button
-            class="external-playback-dock__dismiss"
-            (click)="dismissClicked.emit()"
-            aria-label="Dismiss now playing panel"
-        >
-            <mat-icon>close</mat-icon>
-        </button>
     </div>
 </section>

libs/ui/components/src/lib/external-playback-dock/external-playback-dock.component.scss

@@ -150,10 +150,7 @@
 
 .external-playback-dock__button {
     border-radius: 999px;
-}
-
-.external-playback-dock__dismiss {
-    color: var(--mat-sys-on-surface-variant);
+    white-space: nowrap;
 }
 
 @media (max-width: 720px) {

libs/ui/components/src/lib/external-playback-dock/external-playback-dock.component.spec.ts

@@ -36,17 +36,14 @@ describe('ExternalPlaybackDockComponent', () => {
         expect(text).toContain('Close player');
     });
 
-    it('emits close and dismiss actions', () => {
+    it('emits a single close action', () => {
         const closeSpy = jest.fn();
-        const dismissSpy = jest.fn();
         component.closeClicked.subscribe(closeSpy);
-        component.dismissClicked.subscribe(dismissSpy);
 
         const buttons = fixture.debugElement.queryAll(By.css('button'));
         buttons[0].nativeElement.click();
-        buttons[1].nativeElement.click();
 
         expect(closeSpy).toHaveBeenCalled();
-        expect(dismissSpy).toHaveBeenCalled();
+        expect(buttons).toHaveLength(1);
     });
 });

libs/ui/components/src/lib/external-playback-dock/external-playback-dock.component.ts

@@ -22,7 +22,6 @@ export class ExternalPlaybackDockComponent {
     readonly compact = input(false);
 
     readonly closeClicked = output<void>();
-    readonly dismissClicked = output<void>();
 
     readonly playerLabel = computed(() => this.session().player.toUpperCase());
     readonly statusLabel = computed(() => {