fix: remove close btn from autolike mgmt dialog

dist/BetterYTM.css

@@ -1696,11 +1696,6 @@ ytmusic-player#player #bezel {
   margin-bottom: 15px;
 }
 
-#bytm-auto-like-channels-add-new-wrapper {
-  margin: 15px;
-  margin-top: 5px;
-}
-
 .bytm-auto-like-channel-row:hover {
   background-color: var(--bytm-menu-bg-highlight);
 }

src/dialogs/autoLike.ts

@@ -38,6 +38,8 @@ export async function getAutoLikeDialog() {
   return autoLikeDialog;
 }
 
+//#region header
+
 async function renderHeader() {
   const headerEl = document.createElement("h2");
   headerEl.classList.add("bytm-dialog-title");
@@ -48,6 +50,8 @@ async function renderHeader() {
   return headerEl;
 }
 
+//#region body
+
 async function renderBody() {
   const contElem = document.createElement("div");
 
@@ -55,27 +59,8 @@ async function renderBody() {
   descriptionEl.classList.add("bytm-auto-like-channels-desc");
   descriptionEl.textContent = t("auto_like_channels_dialog_desc");
   descriptionEl.tabIndex = 0;
-
   contElem.appendChild(descriptionEl);
 
-  // TODO: remove
-  const addNewWrapper = document.createElement("div");
-  addNewWrapper.id = "bytm-auto-like-channels-add-new-wrapper";
-
-  const addNewEl = document.createElement("span");
-  addNewEl.id = "bytm-auto-like-channels-add-new";
-  addNewEl.role = "button";
-  addNewEl.tabIndex = 0;
-  addNewEl.textContent = `+ ${t("new_entry_tooltip")}`;
-  addNewEl.title = addNewEl.ariaLabel = t("new_entry_tooltip");
-  addNewEl.classList.add("bytm-link", "bytm-no-select");
-
-  addNewWrapper.appendChild(addNewEl);
-
-  onInteraction(addNewEl, addAutoLikeEntryPrompts);
-
-  contElem.appendChild(addNewWrapper);
-
   const channelListCont = document.createElement("div");
   channelListCont.id = "bytm-auto-like-channels-list";
 
@@ -182,37 +167,26 @@ async function renderBody() {
   return contElem;
 }
 
+//#region footer
+
 function renderFooter() {
   const wrapperEl = document.createElement("div");
   wrapperEl.classList.add("bytm-auto-like-channels-footer-wrapper");
 
-  const leftItemsWrapper = document.createElement("div");
-  leftItemsWrapper.classList.add("bytm-dialog-footer-buttons-cont");
-
   const addNewBtnElem = document.createElement("button");
   addNewBtnElem.classList.add("bytm-btn");
   addNewBtnElem.textContent = t("new_entry");
   addNewBtnElem.ariaLabel = addNewBtnElem.title = t("new_entry_tooltip");
-  leftItemsWrapper.appendChild(addNewBtnElem);
+  wrapperEl.appendChild(addNewBtnElem);
 
   const importExportBtnElem = document.createElement("button");
   importExportBtnElem.classList.add("bytm-btn");
   importExportBtnElem.textContent = t("export_import");
   importExportBtnElem.ariaLabel = importExportBtnElem.title = t("auto_like_export_or_import_tooltip");
-  leftItemsWrapper.appendChild(importExportBtnElem);
-
-  wrapperEl.appendChild(leftItemsWrapper);
-
-  const closeBtnElem = document.createElement("button");
-  closeBtnElem.classList.add("bytm-btn");
-  closeBtnElem.textContent = t("close");
-  closeBtnElem.ariaLabel = closeBtnElem.title = t("close_tooltip");
-
-  wrapperEl.appendChild(closeBtnElem);
+  wrapperEl.appendChild(importExportBtnElem);
 
   onInteraction(addNewBtnElem, addAutoLikeEntryPrompts);
   onInteraction(importExportBtnElem, openImportExportAutoLikeChannelsDialog);
-  onInteraction(closeBtnElem, () => autoLikeDialog?.close());
 
   return wrapperEl;
 }
@@ -221,6 +195,8 @@ function openImportExportAutoLikeChannelsDialog() {
   alert("TODO: ImportExportDialog stuff");
 }
 
+//#region add prompt
+
 async function addAutoLikeEntryPrompts() {
   await autoLikeStore.loadData();
 

src/features/input.css

@@ -34,11 +34,6 @@
   margin-bottom: 15px;
 }
 
-#bytm-auto-like-channels-add-new-wrapper {
-  margin: 15px;
-  margin-top: 5px;
-}
-
 .bytm-auto-like-channel-row:hover {
   background-color: var(--bytm-menu-bg-highlight);
 }