diff --git a/report-window/email-template.tsx b/report-window/email-template.tsx index 7cfb562..deabde9 100644 --- a/report-window/email-template.tsx +++ b/report-window/email-template.tsx @@ -1,7 +1,7 @@ import React, { useState } from "react"; import { RequestCluster } from "../request-cluster"; import { StolenDataEntry } from "../stolen-data-entry"; -import { getDate } from "../util"; +import { getDate, toBase64 } from "../util"; import DomainSummary from "./domain-summary"; type PopupState = "not_clicked" | "clicked_but_invalid"; @@ -17,6 +17,8 @@ export default function EmailTemplate({ const [acceptAllName, setAcceptAllName] = useState( "Zaakceptuj wszystkie" ); + const [popupScreenshotBase64, setPopupScreenshotBase64] = + useState(null); return (
@@ -30,18 +32,35 @@ export default function EmailTemplate({ {popupState === "clicked_but_invalid" ? ( -
- - setAcceptAllName(e.target.value), - }} - /> -
+ <> +
+ + setAcceptAllName(e.target.value), + }} + /> +
+
+ + { + setPopupScreenshotBase64(await toBase64(e.target.files[0])); + }, + }} + /> +
+ ) : null}

Dzień dobry, w dniu {getDate()} odwiedziłem stronę{" "} @@ -76,6 +95,7 @@ export default function EmailTemplate({ 2016/679 z dnia 27 kwietnia 2016 ). + {}

) : null}

diff --git a/util.ts b/util.ts index d7c37b2..24f80ee 100644 --- a/util.ts +++ b/util.ts @@ -128,3 +128,13 @@ export function getDate() { .toString() .padStart(2, "0")}-${d.getDate().toString().padStart(2, "0")}`; } + +export function toBase64(file: File): Promise { + return new Promise((resolve) => { + const FR = new FileReader(); + FR.addEventListener("load", (e) => { + resolve(e.target.result as string); + }); + FR.readAsDataURL(file); + }); +}