add tooltip settings for medit-url-input

OpenDonationAssistant · Jun 26, 2024 · 00e05c8 · 00e05c8
1 parent dcea122
commit 00e05c8
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git 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
@@ -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}>
             Текст кнопки "Задонатить"