Added links to show user how to connect Streamlabs, StreamElements etc. accounts

horizontal-chat/settings/settings.json

@@ -202,7 +202,7 @@
 		{
 			"id": "showStreamlabsDonations",
 			"label": "Streamlabs Tips",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/streamlabs\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -210,7 +210,7 @@
 		{
 			"id": "showStreamElementsTips",
 			"label": "StreamElements Tips",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/streamelements\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -218,7 +218,7 @@
 		{
 			"id": "showPatreonMemberships",
 			"label": "Patreon Memberships",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/patreon\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -226,7 +226,7 @@
 		{
 			"id": "showKofiDonations",
 			"label": "Ko-fi Donations",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/ko-fi\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -234,7 +234,7 @@
 		{
 			"id": "showTipeeeStreamDonations",
 			"label": "TipeeeStream Donations",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/tipeee-stream\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -242,7 +242,7 @@
 		{
 			"id": "showFourthwallAlerts",
 			"label": "Fourthwall Alerts",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/fourthwall\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"

multichat-overlay/settings/settings.json

@@ -278,7 +278,7 @@
 		{
 			"id": "showStreamlabsDonations",
 			"label": "Streamlabs Tips",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/streamlabs\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -286,7 +286,7 @@
 		{
 			"id": "showStreamElementsTips",
 			"label": "StreamElements Tips",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/streamelements\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -294,7 +294,7 @@
 		{
 			"id": "showPatreonMemberships",
 			"label": "Patreon Memberships",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/patreon\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -302,7 +302,7 @@
 		{
 			"id": "showKofiDonations",
 			"label": "Ko-fi Donations",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/ko-fi\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -310,7 +310,7 @@
 		{
 			"id": "showTipeeeStreamDonations",
 			"label": "TipeeeStream Donations",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/tipeee-stream\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"
@@ -318,7 +318,7 @@
 		{
 			"id": "showFourthwallAlerts",
 			"label": "Fourthwall Alerts",
-			"description": "",
+			"description": "<a href=\"https://docs.streamer.bot/guide/integrations/fourthwall\" target=\"_blank\">Click to connect</a>",
 			"type": "checkbox",
 			"defaultValue": true,
 			"group": "Which donation messages do you want to see?"

widget-customizer/script.js

@@ -8,7 +8,7 @@ document.addEventListener('DOMContentLoaded', () => {
   const saveButton = document.getElementById('save-settings');
 
   fetch(settingsJson)
-  //fetch('settings.json')
+  //fetch('../multichat-overlay/settings/settings.json')
     .then(response => response.json())
     .then(data => {
       const groupedSettings = {};
@@ -42,7 +42,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
           if (setting.description) {
             const description = document.createElement('p');
-            description.textContent = setting.description;
+            description.innerHTML = setting.description;
             labelDescriptionDiv.appendChild(description);
           }
 

widget-customizer/style.css

@@ -91,7 +91,8 @@ h2 {
   display: block;
 }
 
-.setting-item p {
+.setting-item p,
+.setting-item a {
   font-size: 0.9em;
   font-weight: 300;
   /* color: #666; */
@@ -99,6 +100,10 @@ h2 {
   margin-bottom: 0;
 }
 
+a {
+  font-weight: 500 !important;
+}
+
 .setting-item-content {
   display: flex;
   align-items: center;