From 9621f717d1c03cdf9970e08313a0c16ffbb918d1 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Thu, 27 Jul 2023 16:39:05 +0200
Subject: [PATCH] Adding a help button in the share chat modal.

---
 CHANGELOG.md               |  1 +
 client/videowatch/share.ts | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 351d5e99..8776d9cb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Minor changes and fixes
 
 * Fix link to documentation in french.
+* Adding a help button in the share chat modal.
 
 ## 7.2.0
 
diff --git a/client/videowatch/share.ts b/client/videowatch/share.ts
index f8446a61..b858943f 100644
--- a/client/videowatch/share.ts
+++ b/client/videowatch/share.ts
@@ -1,8 +1,10 @@
 import type { RegisterClientOptions } from '@peertube/peertube-types/client'
 import type { Video } from '@peertube/peertube-types'
+import { helpButtonSVG } from './buttons'
 import { logger } from './logger'
 import { getIframeUri, getXMPPAddr, UriOptions } from './uri'
 import { isAutoColorsAvailable } from 'shared/lib/autocolors'
+import { helpUrl } from 'shared/lib/help'
 
 interface ShareForm {
   shareString: HTMLInputElement
@@ -38,7 +40,8 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
     labelOpen,
     labelAutocolors,
     labelGenerateIframe,
-    labelChatFor
+    labelChatFor,
+    labelHelp
   ] = await Promise.all([
     peertubeHelpers.translate(LOC_SHARE_CHAT_LINK),
     peertubeHelpers.translate(LOC_WEB),
@@ -54,7 +57,8 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
     peertubeHelpers.translate(LOC_OPEN),
     peertubeHelpers.translate(LOC_USE_CURRENT_THEME_COLOR),
     peertubeHelpers.translate(LOC_GENERATE_IFRAME),
-    peertubeHelpers.translate(LOC_CHAT_FOR_LIVE_STREAM)
+    peertubeHelpers.translate(LOC_CHAT_FOR_LIVE_STREAM),
+    peertubeHelpers.translate(LOC_ONLINE_HELP)
   ])
 
   const defaultUri = getIframeUri(registerOptions, settings, video)
@@ -86,6 +90,17 @@ async function shareChatUrl (registerOptions: RegisterClientOptions, settings: a
       openButton.classList.add('btn', 'btn-outline-secondary', 'text-uppercase')
       openButton.textContent = labelOpen
       divShareString.append(openButton)
+
+      const helpButton = document.createElement('a')
+      helpButton.href = helpUrl({
+        page: 'documentation/user/streamers'
+      })
+      helpButton.target = '_blank'
+      helpButton.innerHTML = helpButtonSVG()
+      helpButton.title = labelHelp
+      helpButton.classList.add('orange-button', 'peertube-button-link', 'peertube-plugin-livechat-button')
+      divShareString.append(helpButton)
+
       container.append(divShareString)
 
       let radioProtocolWeb