Fix issue #4042: Add paragraph in admin emoji page to link to documentation (#4235)

* Fix issue #4042: Add paragraph in admin emoji page to link to documentation

* Address some code formatting issues

* Fixed html style issue

web/i18n/ar/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/bn/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/de/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/el/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/en/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/es/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "guía de emojis",
+  "Want to upload custom emojis in bulk? Check out our": "¿Quíere cargar bultos de emojis únicos? Mira nuestra"
 }

web/i18n/eu/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Igorpen honek izan duen gehiengo ikus-entzule kopurua",
   "Max viewers last stream": "Azken igorpenak izan duen gehiengo ikus-entzule kopurua",
   "max viewers": "gehiengo ikus-entzule kopurua",
-  "No viewer data has been collected yet": "Oraindik ez da ikus-entzuleei buruzko daturik jaso."
+  "No viewer data has been collected yet": "Oraindik ez da ikus-entzuleei buruzko daturik jaso.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/fr/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max spectateurs pour cette diffusion",
   "Max viewers last stream": "Max spectateurs pour la dernière diffusion",
   "max viewers": "max spectateurs",
-  "No viewer data has been collected yet": "Aucune donnée sur les spectateurs n'a encore été recueillie."
+  "No viewer data has been collected yet": "Aucune donnée sur les spectateurs n'a encore été recueillie.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/ga/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/hi/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/hr/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/it/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Massimo spettatori di questo flusso",
   "Max viewers last stream": "Massimo spettatori ultimo flusso",
   "max viewers": "massimo spettatori",
-  "No viewer data has been collected yet": "Non sono stati ancora raccolti dati degli spettatori."
+  "No viewer data has been collected yet": "Non sono stati ancora raccolti dati degli spettatori.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/ja/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/ko/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/ms/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/nl/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/no/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/pa/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/pl/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/pt/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Máximo de espectadores nesta transmissão",
   "Max viewers last stream": "Máximo de espectadores na última transmissão",
   "max viewers": "máximo de espectadores",
-  "No viewer data has been collected yet": "Nenhum dado do espectador foi coletado ainda."
+  "No viewer data has been collected yet": "Nenhum dado do espectador foi coletado ainda.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/ru/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Максимальное количество зрителей в этом стриме",
   "Max viewers last stream": "Максимальное количество зрителей на последнем стриме",
   "max viewers": "Максимум зрителей",
-  "No viewer data has been collected yet": "Данные о зрителях еще не собраны."
+  "No viewer data has been collected yet": "Данные о зрителях еще не собраны.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/sv/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/th/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/vi/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Số người xem tối đa stream này",
   "Max viewers last stream": "Số người xem tối đa stream trước",
   "max viewers": "người xem tối đa",
-  "No viewer data has been collected yet": "Chưa có dữ liệu người xem nào được thu thập"
+  "No viewer data has been collected yet": "Chưa có dữ liệu người xem nào được thu thập",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/i18n/zh/translation.json

@@ -126,5 +126,7 @@
   "Max viewers this stream": "Max viewers this stream",
   "Max viewers last stream": "Max viewers last stream",
   "max viewers": "max viewers",
-  "No viewer data has been collected yet": "No viewer data has been collected yet."
+  "No viewer data has been collected yet": "No viewer data has been collected yet.",
+  "Emoji guide": "Emoji guide",
+  "Want to upload custom emojis in bulk? Check out our": "Want to upload custom emojis in bulk? Check out our"
 }

web/pages/admin/chat/emojis.tsx

@@ -2,6 +2,7 @@ import { Avatar, Button, Card, Col, Row, Tooltip, Typography } from 'antd';
 import Upload, { RcFile } from 'antd/lib/upload';
 import React, { ReactElement, useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
+import { useTranslation } from 'next-export-i18n';
 import FormStatusIndicator from '../../../components/admin/FormStatusIndicator';
 import { DELETE_EMOJI, fetchData, UPLOAD_EMOJI } from '../../../utils/apis';
 import { ACCEPTED_IMAGE_TYPES, getBase64 } from '../../../utils/images';
@@ -35,6 +36,7 @@ const Emoji = () => {
   const [loading, setLoading] = useState(false);
   const [submitStatus, setSubmitStatus] = useState(null);
   const [uploadFile, setUploadFile] = useState<RcFile>(null);
+  const { t } = useTranslation();
 
   let resetTimer = null;
   const resetStates = () => {
@@ -139,6 +141,13 @@ const Emoji = () => {
         filename without extension will be used as emoji name. Additionally, emoji names are
         case-insensitive. For best results, ensure all emoji have unique names.
       </Paragraph>
+      <Paragraph>
+        {t('Want to upload custom emojis in bulk? Check out our')}{' '}
+        <a href="https://owncast.online/docs/chat/emoji" rel="noopener noreferrer" target="_blank">
+          {t('Emoji guide')}
+        </a>
+        .
+      </Paragraph>
       <br />
       <Upload
         name="emoji"