add arbitraryText property to payment page

OpenDonationAssistant · Jan 16, 2024 · 4aa9ba4 · 4aa9ba4
1 parent ab5a252
commit 4aa9ba4
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/components/MediaWidget/PaymentPageConfig.ts b/src/components/MediaWidget/PaymentPageConfig.ts
@@ -6,6 +6,7 @@ export class PaymentPageConfig {
   email: string = "";
 	fio: string = "";
 	inn: string = "";
+  arbitraryText: string|null = null;
   requestsEnabled = true;
   requestsDisabledPermanently = false;
   requestCost = 100;
@@ -24,6 +25,8 @@ export class PaymentPageConfig {
         this.email = json.value["email"] ?? "";
 				this.fio = json.value["fio"] ?? "";
 				this.inn = json.value["inn"] ?? "";
+        this.arbitraryText =
+          json.value["arbitraryText"] ?? null;
         this.sendMediaRequestsEnabledState();
         this.sendEventPaymentPageUpdated();
       });
@@ -86,6 +89,13 @@ export class PaymentPageConfig {
     this.sendEventPaymentPageUpdated();
 	}
 
+  setArbitraryText(arbitraryText:string){
+    this.arbitraryText = arbitraryText;
+    this.config.value["arbitraryText"] = arbitraryText;
+    this.updateConfig(this.config);
+    this.sendEventPaymentPageUpdated();
+  }
+
   updateConfig(config: any) {
     axios.post(
       `${process.env.REACT_APP_CONFIG_API_ENDPOINT}/config/${this.config.id}`,

diff --git a/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx b/src/components/PaymentPageConfig/PaymentPageConfigComponent.tsx
@@ -34,6 +34,7 @@ export default function PaymentPageConfigComponent({}: {}) {
   const [email, setEmail] = useState("");
 	const [fio, setFio] = useState("");
 	const [inn, setInn] = useState("");
+  const [arbitraryText, setArbitraryText] = useState<string|null>(null);
 
   function listenPaymentPageConfigUpdated() {
     setRequestCost(paymentPageConfig.current?.requestCost ?? 100);
@@ -43,6 +44,7 @@ export default function PaymentPageConfigComponent({}: {}) {
     setEmail(paymentPageConfig.current?.email ?? "");
 		setFio(paymentPageConfig.current?.fio ?? "");
 		setInn(paymentPageConfig.current?.inn ?? "");
+    setArbitraryText(paymentPageConfig.current?.arbitraryText ?? null);
   }
 
   const handleBackUpload = (e: ChangeEvent<HTMLInputElement>) => {
@@ -145,6 +147,17 @@ export default function PaymentPageConfigComponent({}: {}) {
             />
           </label>
         </div>
+        <div className={classes.widgetsettingsitem}>
+          <div className={classes.widgetsettingsname}>Текст на странице</div>
+          <textarea
+            value={arbitraryText ?? ""}
+            className={classes.widgetsettingsvalue}
+            style={{ width: "250px" }}
+            onChange={(e) =>
+              paymentPageConfig.current?.setArbitraryText(e.target.value)
+            }
+          />
+        </div>
         <div className={classes.widgetsettingsitem}>
           <div className={classes.widgetsettingsname}>
             Реквесты музыки/видео