if (b.valueOf() >= a.valueOf() + 7 * 24 * 60 * 60 * 1000) {
    return true;
  }

function logHotfixes(logs: Log[], region: Region, hotfixes: EncounterHotfix[]): { [iid: number]: EncounterHotfix[] } {
  if (logs.length === 0) {
    return {};
  } 
  const hs = hotfixes.map(h => ({ ...h, applicationDate: new Date(h.applicationDate) }))
    .sort((a, b) => a.applicationDate.valueOf() - b.applicationDate.valueOf())
    .filter(h => h.applicationDate.valueOf() >= logs[0].startTime.valueOf());

  return logs.reduce((hm, log) => {
    const log_hs = [];
    while(hs.length > 0 && hs[0].applicationDate.valueOf() <= log.startTime.valueOf()) {
      log_hs.push(hs.shift()!);
    }
    hm[log.iid] = log_hs;
    return hm;
  }, {} as { [iid: number]: EncounterHotfix[] });
}

  seg_hotfixes?: EncounterHotfix[];

  segHotfixes?: EncounterHotfix[];

type LogHotfixes = { [iid: number]: EncounterHotfix[] };

function WeekOverview(props: { week: number; logs: Log[]; hotfixes: EncounterHotfix[]; }) {
  const hotfixes = props.hotfixes.map(h => ({ ...h, applicationDate: new Date(h.applicationDate)}));
  const initial: Segments = { segs: [], current: [] };
  const segmentData = props.logs.reduce(({ segs, current, seg_hotfixes }: Segments, log: Log): Segments => {
    const hs = [];
    while(hotfixes.length > 0 && hotfixes[0].applicationDate.valueOf() <= log.startTime.valueOf()) {
      hs.push(hotfixes.shift()!);
    }

function WeekOverview(props: { week: number; logs: Log[]; hotfixMap: LogHotfixes; }) {
  const hideText = { labels: false };
  const raw = props.logs.reduce(({ segs, current, segHotfixes }: Segments, log): Segments => {
    const hs = props.hotfixMap[log.iid];

    if(hs.length === 0) {
      return { segs, current: [...current, log], seg_hotfixes };

    if(current.length === 0) {
      return { segs, current: [log],  segHotfixes: hs};
    } else if(!hs || hs.length === 0) {
      current.push(log);
      return { segs, current, segHotfixes };

      return { 
        segs: [...segs, { logs: current, hotfixes: seg_hotfixes }], 
        current: [log], 
        seg_hotfixes: hs 
      };

      segs.push({ logs: current, hotfixes: segHotfixes });
      return { segs, current: [log], segHotfixes: hs };

  }, initial);

  }, { segs: [], current: [] } as Segments)

  const segments = [...segmentData.segs, { logs: segmentData.current, hotfixes: segmentData.seg_hotfixes }];

  const segments = [ ...raw.segs, { logs: raw.current, hotfixes: raw.segHotfixes } ];

  const hideText = { labels: false };

        {hotfixes && <HotfixMark hotfixes={props.hotfixes} />}

        {hotfixes && <HotfixMark hotfixes={hotfixes} />}

    const hotfixmap = logHotfixes(logs, props.region, data.hotfixes);

      .map(([week, logs]) => <WeekOverview key={week} week={parseInt(week)} logs={logs} hotfixes={(week === '1') ? [] : weekHotfixes(logs[0].startTime, props.region, data.hotfixes, false)} />);

      .map(([week, logs]) => <WeekOverview key={week} week={parseInt(week)} logs={logs} hotfixMap={hotfixmap} />);