rentgen/components/report-window/problems/problem.tsx

import { RequestCluster } from '../../../request-cluster';
import { ExplainerKey } from '../explainers';
import { ParsedAnswers } from '../parse-answers';

function formatRange(cluster: RequestCluster) {
    const parts = [] as string[];
    console.log(cluster);
    if (cluster.hasMarkedCookies()) {
        parts.push('mojego identyfikatora internetowego pozyskanego z Cookie');
    }
    if (cluster.exposesOrigin()) {
        parts.push('części mojej historii przeglądania');
    }
    return parts.join(' oraz ');
}

export abstract class Problem {
    constructor(public answers: ParsedAnswers, public clusters: Record<string, RequestCluster>) {}

    abstract getEmailContent(): JSX.Element;
    abstract getNecessaryExplainers(): ExplainerKey[];

    getMarkedClusters() {
        return Object.values(this.clusters).filter((c) => c.hasMarks());
    }

    getRangeDescription() {
        return (
            <ul>
                {this.getMarkedClusters().map((cluster) => (
                    <li key={cluster.id}>
                        {cluster.id} (w zakresie: {formatRange(cluster)})
                    </li>
                ))}
            </ul>
        );
    }
}