Function DiffView

ts/DiffView.tsx:21–55

(props: Props)

}

export function DiffView(props: Props) {
  const {diffOptions, thinFilePair} = props;
  const [filePair, setFilePair] = React.useState<FilePair | null>(null);

  React.useEffect(() => {
    (async () => {
      const newFilePair = await getThickDiff(thinFilePair.idx);
      setFilePair({
        ...newFilePair,
        idx: thinFilePair.idx,
      });
    })().catch((e: unknown) => {
      console.error(e);
    });
  }, [thinFilePair, setFilePair]);

  if (!filePair) {
    return <div>Loading…</div>;
  }

  let diffEl;
  if (filePair.is_image_diff) {
    diffEl = <ImageDiff filePair={filePair} {...props} />;
  } else {
    diffEl = (
      <CodeDiffContainer
        filePair={filePair}
        diffOptions={diffOptions}
        normalizeJSON={props.normalizeJSON}
      />
    );
  }

  return diffEl;
}