add logs

OpenDonationAssistant · Apr 2, 2024 · 9ca5f13 · 9ca5f13
1 parent bcc3f29
commit 9ca5f13
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 7 deletions.
diff --git a/src/components/ConfigurationPage/settings/PaymentAlertsSettings.tsx b/src/components/ConfigurationPage/settings/PaymentAlertsSettings.tsx
@@ -5,8 +5,6 @@ import axios from "axios";
 import ColorPicker from "./ColorPicker";
 import BaseSettings from "./BaseSettings";
 import BooleanPropertyInput from "./properties/BooleanPropertyInput";
-import { log } from "../../../logging";
-import { PaymentAlertsWidgetSettings } from "../WidgetSettings";
 
 interface PaymentAlertSettingsProps {
   id: string;

diff --git a/src/components/PaymentAlerts/sections/AlertImage/AlertImage.tsx b/src/components/PaymentAlerts/sections/AlertImage/AlertImage.tsx
@@ -1,28 +1,36 @@
 import React, { useEffect, useState } from "react";
 import classes from "./AlertImage.module.css";
 import { AlertController } from "../../../../logic/alert/AlertController";
+import { log } from "../../../../logging";
 
 export default function AlertImage({
   alertController,
 }: {
   alertController: AlertController;
 }) {
   const [image, setImage] = useState<string | null>(null);
+  const [video, setVideo] = useState<string | null>(null);
   const [style, setStyle] = useState<any>({});
 
   useEffect(() => {
     alertController.addAlertImageRenderer({
+      setVideo: setVideo,
       setImage: setImage,
       setStyle: setStyle,
     });
   }, [alertController]);
 
+  log.debug({image: image, video: video}, "updated alert component");
+
   return (
     <>
+      {video && (
+        <video src={video} style={style} className={classes.alertimage} />
+      )}
       {image && (
         <img src={image} style={style} className={classes.alertimage} />
       )}
-      {!image && (
+      {!image && !video && (
         <div style={{ height: "40%", flex: "0 1 auto"}}></div>
       )}
     </>

diff --git a/src/logic/alert/AlertController.ts b/src/logic/alert/AlertController.ts
@@ -206,6 +206,7 @@ export class AlertController {
     this.messageRenderers.forEach((renderer) => renderer.setMessage(""));
     this.titleRenderers.forEach((renderer) => renderer.setTitle(""));
     this.alertImageRenderers.forEach((renderer) => renderer.setImage(null));
+    this.alertImageRenderers.forEach((renderer) => renderer.setVideo(null));
     this.showing = false;
   }
 
@@ -216,11 +217,23 @@ export class AlertController {
     const showTime = this.findSetting(alert.properties, "imageShowTime", null);
     this.alertImageRenderers.forEach((renderer) => {
       console.log(alert.properties);
-      renderer.setImage(
-        `${process.env.REACT_APP_FILE_API_ENDPOINT}/files/${alert.image}`,
-      );
+      if (alert.image){
+        log.debug({image: alert.image}, "rendering image");
+        renderer.setImage(
+          `${process.env.REACT_APP_FILE_API_ENDPOINT}/files/${alert.image}`,
+        );
+      }
+      if (alert.video){
+        log.debug({video: alert.video}, "rendering video");
+        renderer.setVideo(
+          `${process.env.REACT_APP_FILE_API_ENDPOINT}/files/${alert.video}`,
+        );
+      }
       if (showTime) {
-        setTimeout(() => renderer.setImage(null), showTime * 1000);
+        setTimeout(() => {
+          renderer.setImage(null);
+          renderer.setVideo(null);
+        }, showTime * 1000);
       }
       renderer.setStyle(
         this.calculateImageStyle(

diff --git a/src/logic/alert/IAlertImageRenderer.ts b/src/logic/alert/IAlertImageRenderer.ts
@@ -1,4 +1,5 @@
 interface IAlertImageRenderer {
+  setVideo(video: string|null): void;
   setImage(image: string|null): void;
   setStyle(style: any): void;
 }