Доработать UI уведомлений

shine-UI/js/pages/channel-view.js

@@ -1,4 +1,5 @@
-import { renderHeader } from '../components/header.js';
+import { renderHeader } from '../components/header.js';
+import { attachScrollToBottomButton } from '../components/scroll-to-bottom-button.js';
 import {
   authService,
   getMessageReactionState,
@@ -2041,6 +2042,7 @@ export function render({ navigate, route, chrome }) {
   screen.className = 'stack channels-screen channels-screen--channel';
   const appScreen = document.getElementById('app-screen');
   appScreen?.classList.add('channels-scroll-clean');
+  const scrollToBottomControl = attachScrollToBottomButton({ scrollContainer: appScreen });
 
   const statusBox = document.createElement('div');
   statusBox.className = 'card status-line is-unavailable channels-status';
@@ -2079,6 +2081,7 @@ export function render({ navigate, route, chrome }) {
     const current = document.querySelector('section.channels-screen--channel');
     if (!current) return;
     const next = render({ navigate, route });
+    current.cleanup?.();
     current.replaceWith(next);
   };
   let activeSelector = null;
@@ -2485,6 +2488,7 @@ export function render({ navigate, route, chrome }) {
   })();
 
   screen.cleanup = () => {
+    scrollToBottomControl.cleanup();
     appScreen?.classList.remove('channels-scroll-clean');
     if (typeof cleanupSeenTracking === 'function') cleanupSeenTracking();
   };