return ad > bd;

  return ad >= bd;

      iid, startTime, code,

      iid, startTime, endTime, code,

    width: 200,

    width: 300,

  endTime: Date;

  let killSeen = false;

    .map(log => ({ ...log, startTime: new Date(log.startTime) }))
    .sort((a, b) => a.startTime.valueOf() - b.startTime.valueOf())
    .filter(({ fights }) => {
      const seen = killSeen;
      const kill = fights.some(({ kill }) => kill);
      killSeen = kill || killSeen;
      return !seen;
    })

}
const dateformat = {
  weekday: 'long',
  month: 'long',
  day: 'numeric'
};
function overlapping_logs(a: Log, b: Log, swap: boolean = true): boolean {
  return (a.startTime.valueOf() <= b.startTime.valueOf() && b.startTime.valueOf() <= a.endTime.valueOf()) || (swap && overlapping_logs(b, a, false));
}
function longer_log(a: Log, b: Log): Log {
  const a_len = a.endTime.valueOf() - a.startTime.valueOf();
  const b_len = b.endTime.valueOf() - b.startTime.valueOf();
  if (a_len >= b_len) {
    return a;
  } else {
    return b;
  }
}
function merge_logs(a: Log, b: Log): Log {
  return {
    iid: a.iid,
    code: a.code,
    startTime: a.startTime,
    endTime: b.endTime,
    fights: a.fights.concat(b.fights)
  };
}
// determine if the logs are close enough that its probably a DC split. assumes a < b
function close_logs(a: Log, b: Log, threshold: number = 30 * 60 * 1000): boolean {
  return a.endTime.valueOf() < b.startTime.valueOf() && (b.startTime.valueOf() - a.endTime.valueOf()) < threshold
}
// filters the log set, removing logs that overlap (and favoring the longer log
// in such cases) and merging logs that appear to be split due to DCs.
function filter_logs(logs: Log[]): Log[] {
  let killSeen = false;
  return logs
    .map(log => ({ ...log, startTime: new Date(log.startTime), endTime: new Date(log.endTime) }))
    .sort((a, b) => a.startTime.valueOf() - b.startTime.valueOf())
    .filter(({ fights }) => {
      const seen = killSeen;
      const kill = fights.some(({ kill }) => kill);
      killSeen = kill || killSeen;
      return !seen;
    })
    .reduce((res, log, ix) => {
      if(ix === 0) {
        res.push(log);
        return res;
      } else {
        const prev = res[res.length - 1];
        if(overlapping_logs(prev, log)) {
          res.pop();
          res.push(longer_log(prev, log));
        } else if(close_logs(prev, log)) {
          res.pop();
          res.push(merge_logs(prev, log));
        } else {
          res.push(log);
        }
        return res;
      }
    }, [] as Log[]);
}
function formatDate(date: Date): string {
  return new Intl.DateTimeFormat('en-US', dateformat).format(date);

      <legend>Week {props.week}</legend>

      <legend className="font-bold">Week {props.week}</legend>

            <div><a href={`https://www.warcraftlogs.com/reports/${code}/`}>{new Intl.DateTimeFormat('en-US', { weekday: 'long' }).format(startTime)}</a></div>

            <div><a href={`https://www.warcraftlogs.com/reports/${code}/`}>{formatDate(startTime)}</a></div>

}
function formatDuration(dur_ms: number): string {
  return `${(dur_ms / 1000 / 60 / 60).toFixed(1)} hours`;

export function EncounterStats(props: { logs: Log[] }) {
  const killLog = props.logs.find(log => log.fights.some(({ kill }) => kill));
  return (
    <div>
      <dl className="grid grid-cols-2 gap-x-2">
        <dt>Killed On:</dt>
    {killLog ? <dd>{formatDate(killLog.startTime)}</dd> : <dd><em>In Progress</em></dd>}
        <dt>Pull Count:</dt>
        <dd>{props.logs.reduce((count, log) => count + log.fights.length, 0)}</dd>
        <dt>Progression Time:</dt>
        <dd>
          {formatDuration(props.logs.reduce((time, log) => {
            const duration_ms = log.fights[log.fights.length - 1].endTime - log.fights[0].startTime;
            return time + duration_ms;
          }, 0))}
        </dd>
      </dl>
    </div>
  )
}

    content = Object.entries(logsToWeeks(data.logsForEncounter, props.region))

    const logs = filter_logs(data.logsForEncounter);
    const weekViews = Object.entries(logsToWeeks(logs, props.region))

    content = (
      <div className="grid gap-8 mt-4" style={{gridTemplateColumns: "20rem auto"}}>
        <EncounterStats logs={logs} />
        <div className="flex flex-row flex-wrap">
          {weekViews}
        </div>
      </div>
    );