);
}
/* ---------- main ---------- */
function readIds() {
const p = new URLSearchParams(location.search);
const raw = p.get("ids");
if (!raw) return null;
return raw.split(",").map((n) => parseInt(n, 10)).filter((n) => !isNaN(n));
}
function CompareApp() {
const FUNDS = window.FKI_FUNDS || [];
const byId = useMemo(() => Object.fromEntries(FUNDS.map((x) => [x.id, x])), [FUNDS]);
const defaultIds = useMemo(() => {
// one strong fund from three distinct strategies, AUM known
const want = ["Nemovitosti", "Private Equity", "VC"];
const out = [];
want.forEach((s) => {
const cand = FUNDS.filter((x) => x.strategy === s && x.aum != null).sort((a, b) => b.rating - a.rating || b.aum - a.aum)[0];
if (cand) out.push(cand.id);
});
while (out.length < 3) { const f = FUNDS[out.length]; if (f && !out.includes(f.id)) out.push(f.id); else break; }
return out;
}, [FUNDS]);
const [ids, setIds] = useState(() => {
const fromUrl = readIds();
const seed = (fromUrl && fromUrl.length ? fromUrl : defaultIds).filter((id) => byId[id]);
return seed.slice(0, MAX_CMP);
});
useEffect(() => {
const p = new URLSearchParams();
if (ids.length) p.set("ids", ids.join(","));
history.replaceState(null, "", ids.length ? "?" + p.toString() : location.pathname);
}, [ids]);
const add = (id) => setIds((p) => (p.includes(id) || p.length >= MAX_CMP ? p : [...p, id]));
const remove = (id) => setIds((p) => p.filter((x) => x !== id));
const funds = ids.map((id) => byId[id]).filter(Boolean);
const pool = FUNDS.filter((x) => !ids.includes(x.id));
// best-value computation
const maxAum = Math.max(...funds.map((x) => x.aum || -1));
const maxRating = Math.max(...funds.map((x) => x.rating));
const minYear = Math.min(...funds.map((x) => x.year));
const cols = funds.length + (funds.length < MAX_CMP ? 1 : 0);
const gridStyle = { gridTemplateColumns: `168px repeat(${cols}, minmax(150px, 1fr))` };
// dynamic insight
const insight = useMemo(() => {
if (funds.length < 2) return null;
const top = funds.filter((x) => x.aum != null).sort((a, b) => b.aum - a.aum)[0];
const best = funds.slice().sort((a, b) => b.rating - a.rating || (b.aum || 0) - (a.aum || 0))[0];
const active = funds.filter((x) => x.fundraising === "Aktivní");
let parts = [];
if (top) parts.push(`Největší fond je ${top.name} s AUM ${formatAum(top.aum)}`);
if (active.length) parts.push(`aktivně vybírá ${active.length === funds.length ? "všech " + active.length : active.length} z porovnávaných fondů`);
else parts.push("žádný z vybraných fondů právě aktivně nevybírá kapitál");
return { best: best.name, body: parts.join("; ") + "." };
}, [funds, maxAum]);
const attrCell = (label) =>
{label}
;
return (
Srovnávač
Porovnejte fondy vedle sebe
Vyberte až čtyři fondy kvalifikovaných investorů a porovnejte je podle strategie, velikosti, statusu fundraisingu a hodnocení. Data jsou v této ukázce ilustrativní.
{funds.length} z {MAX_CMP} fondů ve srovnání= MAX_CMP} />
{funds.length === 0 ? (
Zatím žádné fondy ke srovnání
Přidejte fondy přes vyhledávání výše, nebo začněte jedním z návrhů:
Nejlépe hodnocený je {insight.best}. {insight.body}
) : (
Tip
Přidejte druhý fond a Srovnávač zvýrazní rozdíly v AUM, hodnocení i délce působení na trhu.
)}
)}
Hodnocení a data fondů vycházejí z veřejně dostupných zdrojů (ČNB, ARES, webové stránky fondů) a v této ukázce jsou ilustrativní. Nepředstavuje investiční poradenství ani doporučení k nákupu.
);
}
/* small inline add for the trailing column */
function AddCol({ pool, onAdd }) {
const [open, setOpen] = useState(false);
const ref = useRef(null);
useEffect(() => {
const onDoc = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener("mousedown", onDoc);
return () => document.removeEventListener("mousedown", onDoc);
}, []);
return (