add telegram token(bot) in PartnerSettings

src/pages/PartnerSettings/PartnerSettings.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 
 import { apiRequest } from "@api/request";
 
@@ -11,6 +11,7 @@ import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
 
+import tgSettingsIcon from "assets/icons/tgSettingsIcon.svg";
 import astral from "assets/images/logo/astralLogo.png";
 import kontur from "assets/images/logo/konturLogo.png";
 
@@ -18,6 +19,7 @@ import "./partnerSettings.scss";
 
 export const PartnerSettings = () => {
   const { showNotification } = useNotification();
+  const [tgToken, setTgToken] = useState();
   const [inputsValue, setInputsValue] = useState({
     name: "",
     oldPassword: "",
@@ -30,6 +32,15 @@ export const PartnerSettings = () => {
   });
 
   const [loader, setLoader] = useState(false);
+  const [tgLoader, setTgLoader] = useState(false);
+
+  useEffect(() => {
+    apiRequest("/user-tg-bot/get-token", {
+      method: "GET"
+    }).then((data) => {
+      setTgToken(data.token);
+    });
+  }, []);
 
   const setSettings = () => {
     if (inputsValue.name.length < 2) {
@@ -80,6 +91,24 @@ export const PartnerSettings = () => {
       });
     });
   };
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(tgToken);
+      showNotification({
+        show: true,
+        text: "Телеграм токен успешно скопирован",
+        type: "success"
+      });
+    } catch (err) {
+      showNotification({
+        show: true,
+        text: "Ошибка копирования",
+        type: "error"
+      });
+    }
+  };
+
   return (
     <div className="settings">
       <ProfileHeader />
@@ -183,6 +212,34 @@ export const PartnerSettings = () => {
                 использования персональных данных
               </span>
             </div>
+
+            <div className="partner-settings__report">
+              <h3 className="settings__title">Телеграмм бот</h3>
+
+              <p className="settings__label">Тelegram токен</p>
+              <div className="settings__input">
+                <span>{tgToken}</span>
+              </div>
+
+              <div className="settings__buttons">
+                {tgLoader ? (
+                  <Loader style={"green"} width={"40px"} height={"40px"} />
+                ) : (
+                  <BaseButton
+                    onClick={handleCopy}
+                    styles={"settings__buttons-save"}
+                  >
+                    Скопировать
+                  </BaseButton>
+                )}
+              </div>
+              <div className="settings__agreement-tg">
+                <a href="#" target="_blank" rel="noopener noreferrer">
+                  <img src={tgSettingsIcon} alt="" />
+                </a>
+                Ссылка на телеграм бот с инструкцией
+              </div>
+            </div>
             {/* <div className="partner-settings__report">
               <h3 className="settings__title">Документы и отчеты</h3>
               <p className="settings__label">Изменить провадера ЭДО</p>