From 00e05c824353d5879bf41f0d14a67a0899453931 Mon Sep 17 00:00:00 2001
From: stCarolas <stcarolas@gmail.com>
Date: Wed, 26 Jun 2024 20:56:46 +0300
Subject: [PATCH] add tooltip settings for medit-url-input

---
 .../MediaWidget/PaymentPageConfig.ts          | 11 +++++++++
 .../PaymentPageConfigComponent.tsx            | 23 +++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/src/components/MediaWidget/PaymentPageConfig.ts b/src/components/MediaWidget/PaymentPageConfig.ts
index 37fc451..6cdf501 100644
--- a/src/components/MediaWidget/PaymentPageConfig.ts
+++ b/src/components/MediaWidget/PaymentPageConfig.ts
@@ -16,6 +16,7 @@ export class PaymentPageConfig {
   private _recipientId: string = "";
   private _payButtonText: string = "";
   private _customCss: string = "";
+  private _tooltip: string = "";
 
   constructor(recipientId: string) {
     log.debug("Loading PaymentPageConfig");
@@ -39,6 +40,7 @@ export class PaymentPageConfig {
         this._payButtonText = json.value["payButtonText"] ?? "";
         this.minimalAmount = json.value["minimalAmount"] ?? 40;
         this._customCss = json.value["customCss"] ?? [];
+        this._tooltip = json.value["tooltip"] ?? "";
         this.sendMediaRequestsEnabledState();
         this.sendEventPaymentPageUpdated();
       });
@@ -142,6 +144,14 @@ export class PaymentPageConfig {
     this.config.value["customCss"] = value;
     this.sendEventPaymentPageUpdated();
   }
+  public set tooltip(value: string) {
+    this._tooltip = value;
+    this.config.value["tooltip"] = value;
+    this.sendEventPaymentPageUpdated();
+  }
+  public get tooltip(): string {
+    return this._tooltip;
+  }
 
   async reloadConfig(): Promise<void> {
     const data = await axios.get(
@@ -157,6 +167,7 @@ export class PaymentPageConfig {
     this.inn = this.config.value["inn"] ?? "";
     this.minimalAmount = this.config.value["minimalAmount"] ?? 40;
     this.arbitraryText = this.config.value["arbitraryText"] ?? null;
+    this.tooltip = this.config.value["tooltip"] ?? "";
     this.sendMediaRequestsEnabledState();
     this.sendEventPaymentPageUpdated();
   }
diff --git a/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx b/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx
index 0c309df..97e44ba 100644
--- a/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx
+++ b/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx
@@ -44,6 +44,7 @@ export default function PaymentPageConfigComponent({}: {}) {
   const [hasChanges, setHasChanges] = useState<boolean>(false);
   const [payButtonText, setPayButtonText] = useState<string | null>(null);
   const [hasCustomCss, setHasCustomCss] = useState<boolean>(false);
+  const [tooltip, setTooltip] = useState<string>("");
 
   function listenPaymentPageConfigUpdated() {
     if (!paymentPageConfig.current) {
@@ -62,6 +63,7 @@ export default function PaymentPageConfigComponent({}: {}) {
     if (paymentPageConfig.current?.customCss) {
       setHasCustomCss(true);
     }
+    setTooltip(paymentPageConfig.current?.tooltip ?? "");
   }
 
   const handleBackUpload = (e: ChangeEvent<HTMLInputElement>) => {
@@ -291,6 +293,27 @@ export default function PaymentPageConfigComponent({}: {}) {
             }}
           />
         </div>
+        <div className={classes.widgetsettingsitem}>
+          <div className={classes.widgetsettingsname}>Текст подсказки для заказа видео</div>
+          <textarea
+            value={tooltip ?? ""}
+            className={classes.widgetsettingsvalue}
+            style={{
+              margin: "5px",
+              width: "100%",
+              textAlign: "left",
+              minHeight: "250px",
+            }}
+            onChange={(e) => {
+              if (paymentPageConfig.current){
+                paymentPageConfig.current.tooltip = e.target.value;
+              }
+              if (!hasChanges) {
+                setHasChanges(true);
+              }
+            }}
+          />
+        </div>
         <div className={classes.widgetsettingsitem}>
           <div className={classes.widgetsettingsname}>
             Текст кнопки "Задонатить"