From 2e00ea05a047233feada4c8faded36eecc694d3f Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Wed, 10 Nov 2021 02:01:59 +0100
Subject: [PATCH] add descriptions to bug report and changelog buttons

---
 CHANGELOG.md   |  2 +-
 src/js/Util.js | 22 ++++++++++++++++++++++
 src/js/main.js | 31 ++++---------------------------
 3 files changed, 27 insertions(+), 28 deletions(-)
 create mode 100644 src/js/Util.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1c2cca4..bb5423b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,2 +1,2 @@
 Added:
-- `Report Bug` and `Changelog` buttons to `Settings > About`
\ No newline at end of file
+- `Report Bugs` and `Changelog` buttons to `Settings > About`
\ No newline at end of file
diff --git a/src/js/Util.js b/src/js/Util.js
new file mode 100644
index 0000000..43a4e6f
--- /dev/null
+++ b/src/js/Util.js
@@ -0,0 +1,22 @@
+export function waitForElement(els, func, timeout = 100) {
+    const queries = els.map((el) => document.querySelector(el));
+    if (queries.every((a) => a)) {
+        func(queries);
+    } else if (timeout > 0) {
+        setTimeout(waitForElement, 300, els, func, --timeout);
+    }
+}
+export function copyToClipboard(text) {
+    var input = document.createElement("textarea");
+    input.style.display = "fixed";
+    input.innerHTML = text;
+    document.body.appendChild(input);
+    input.select();
+    var result = document.execCommand("copy");
+    document.body.removeChild(input);
+    return result;
+}
+
+export function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
diff --git a/src/js/main.js b/src/js/main.js
index 6d18dbc..799dd8e 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -3,6 +3,7 @@ import chroma from "chroma-js";
 import $ from "jquery";
 import moment from "moment";
 
+import { waitForElement, copyToClipboard, capitalizeFirstLetter } from "./Util";
 import ConfigMenu from "./ConfigMenu";
 
 class _DribbblishShared {
@@ -125,15 +126,6 @@ waitForElement(["#main"], () => {
     });
 });
 
-function waitForElement(els, func, timeout = 100) {
-    const queries = els.map((el) => document.querySelector(el));
-    if (queries.every((a) => a)) {
-        func(queries);
-    } else if (timeout > 0) {
-        setTimeout(waitForElement, 300, els, func, --timeout);
-    }
-}
-
 waitForElement([`.main-rootlist-rootlistPlaylistsScrollNode ul[tabindex="0"]`, `.main-rootlist-rootlistPlaylistsScrollNode ul[tabindex="0"] li`], ([root, firstItem]) => {
     const listElem = firstItem.parentElement;
     root.classList.add("dribs-playlist-list");
@@ -347,7 +339,7 @@ DribbblishShared.config.register({
 
 // waitForElement because Spicetify is not initialized at startup
 waitForElement(["#main"], () => {
-    DribbblishShared.config.registerArea({ name: "About", order: 999, toggleable: false });
+    DribbblishShared.config.registerArea({ name: "About", order: 999 });
 
     DribbblishShared.config.register({
         area: "About",
@@ -372,6 +364,7 @@ waitForElement(["#main"], () => {
         type: "button",
         key: "aboutDribbblishBugs",
         name: "Report Bugs",
+        description: "Open new issue on GitHub",
         data: "Create Report",
         onChange: () => {
             const reportBody = `
@@ -431,28 +424,12 @@ waitForElement(["#main"], () => {
         type: "button",
         key: "aboutDribbblishChangelog",
         name: "Changelog",
+        description: "Open GitHub releases page",
         data: "Open",
         onChange: () => window.open("https://github.com/JulienMaille/dribbblish-dynamic-theme/releases", "_blank")
     });
-
-    // TODO: Add Export / Import buttons for config
 });
 
-function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-function copyToClipboard(text) {
-    var input = document.createElement("textarea");
-    input.style.display = "fixed";
-    input.innerHTML = text;
-    document.body.appendChild(input);
-    input.select();
-    var result = document.execCommand("copy");
-    document.body.removeChild(input);
-    return result;
-}
-
 /* js */
 async function getAlbumRelease(uri) {
     const info = await Spicetify.CosmosAsync.get(`hm://album/v1/album-app/album/${uri}/desktop`);