add email to PaymentPageConfigComponent

OpenDonationAssistant · Dec 27, 2023 · 9b4b721 · 9b4b721
1 parent 150eecc
commit 9b4b721
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 11 deletions.
diff --git a/src/components/MediaWidget/PaymentPageConfig.ts b/src/components/MediaWidget/PaymentPageConfig.ts
@@ -3,6 +3,7 @@ import { log } from "../../logging";
 
 export class PaymentPageConfig {
   config: any = {};
+  email: string = "";
   requestsEnabled = true;
   requestsDisabledPermanently = false;
   requestCost = 100;
@@ -14,17 +15,11 @@ export class PaymentPageConfig {
       .then((data) => data.data)
       .then((json) => {
         this.config = json;
-        this.requestsEnabled = json.value["media.requests.enabled"];
-        this.requestsEnabled = this.requestsEnabled
-          ? this.requestsEnabled
-          : true;
+        this.requestsEnabled = json.value["media.requests.enabled"] ?? true;
         this.requestsDisabledPermanently =
-          json.value["media.requests.disabled.permanently"];
-        this.requestsDisabledPermanently = this.requestsDisabledPermanently
-          ? this.requestsDisabledPermanently
-          : false;
-        this.requestCost = json.value["media.requests.cost"];
-        this.requestCost = this.requestCost ? this.requestCost : 100;
+          json.value["media.requests.disabled.permanently"] ?? false;
+        this.requestCost = json.value["media.requests.cost"] ?? 100;
+        this.email = json.value["email"] ?? "";
         this.sendMediaRequestsEnabledState();
         this.sendEventPaymentPageUpdated();
       });
@@ -66,6 +61,13 @@ export class PaymentPageConfig {
     this.sendEventPaymentPageUpdated();
   }
 
+  setEmail(email: string) {
+    this.email = email;
+    this.config.value["email"] = this.email;
+    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
@@ -31,12 +31,14 @@ export default function PaymentPageConfigComponent({}: {}) {
   const paymentPageConfig = useRef<PaymentPageConfig>(null);
   const [isRequestsEnabled, setRequestsEnabled] = useState(false);
   const [requestCost, setRequestCost] = useState(100);
+  const [email, setEmail] = useState("");
 
   function listenPaymentPageConfigUpdated() {
     setRequestCost(paymentPageConfig.current?.requestCost ?? 100);
     setRequestsEnabled(
       !paymentPageConfig.current?.requestsDisabledPermanently ?? false,
     );
+    setEmail(paymentPageConfig.current?.email ?? "");
   }
 
   const handleBackUpload = (e: ChangeEvent<HTMLInputElement>) => {
@@ -129,7 +131,18 @@ export default function PaymentPageConfigComponent({}: {}) {
             value={requestCost}
             className={classes.widgetsettingsvalue}
             onChange={(e) =>
-              paymentPageConfig.current?.setRequestsCost(e.target.value)
+              paymentPageConfig.current?.setRequestsCost(Number(e.target.value))
+            }
+          />
+        </div>
+        <div className={classes.widgetsettingsitem}>
+          <div className={classes.widgetsettingsname}>Контактный e-mail</div>
+          <input
+            value={email}
+            className={classes.widgetsettingsvalue}
+            style={{ width: "250px" }}
+            onChange={(e) =>
+              paymentPageConfig.current?.setEmail(e.target.value)
             }
           />
         </div>