81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import { RequestCluster } from "../request-cluster";
|
|
import StolenDataCluster from "./stolen-data-cluster";
|
|
import { getMemory, getshorthost } from "../util";
|
|
|
|
export function StolenData({
|
|
origin,
|
|
minValueLength,
|
|
refreshToken,
|
|
refresh,
|
|
cookiesOnly,
|
|
}: {
|
|
origin: string;
|
|
refreshToken: number;
|
|
refresh: () => void;
|
|
minValueLength: number;
|
|
cookiesOnly: boolean;
|
|
}) {
|
|
if (!origin) {
|
|
return <div></div>;
|
|
}
|
|
const clusters = Object.values(getMemory().getClustersForOrigin(origin)).sort(
|
|
RequestCluster.sortCompare
|
|
);
|
|
return (
|
|
<div style={{ padding: "5px" }}>
|
|
{" "}
|
|
<div>
|
|
<h1>
|
|
{origin}
|
|
<button
|
|
style={{ marginLeft: "1rem" }}
|
|
onClick={() =>
|
|
getMemory().removeCookiesFor(
|
|
origin,
|
|
getshorthost(new URL(origin).host)
|
|
)
|
|
}
|
|
>
|
|
Wyczyść cookiesy 1st party
|
|
</button>
|
|
<button
|
|
style={{ marginLeft: "1rem" }}
|
|
onClick={() => {
|
|
getMemory().removeRequestsFor(origin);
|
|
refresh();
|
|
}}
|
|
>
|
|
Wyczyść pamięć
|
|
</button>
|
|
<button
|
|
onClick={() =>
|
|
window.open(
|
|
"/report-window/report-window.html",
|
|
"new_window",
|
|
"width=800,height=600"
|
|
)
|
|
}
|
|
>
|
|
Generuj maila
|
|
</button>
|
|
</h1>
|
|
{clusters
|
|
.filter((cluster) => !cookiesOnly || cluster.hasCookies())
|
|
.map((cluster) => {
|
|
return (
|
|
<StolenDataCluster
|
|
origin={origin}
|
|
shorthost={cluster.id}
|
|
key={cluster.id + origin}
|
|
refreshToken={refreshToken}
|
|
minValueLength={minValueLength}
|
|
cookiesOnly={cookiesOnly}
|
|
/>
|
|
);
|
|
})}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|