Function handleKeydown

ts/ImageDiff.tsx:83–92

(e: KeyboardEvent)

  // TODO: switch to useKey() or some such
  React.useEffect(() => {
    const handleKeydown = (e: KeyboardEvent) => {
      if (!isLegitKeypress(e)) return;
      if (e.code == 'KeyS') {
        changeImageDiffMode('side-by-side');
      } else if (e.code == 'KeyB') {
        changeImageDiffMode('blink');
      } else if (e.code == 'KeyP') {
        changePDiffMode(mode => PDIFF_MODES[(PDIFF_MODES.indexOf(mode) + 1) % 3]);
      }
    };
    document.addEventListener('keydown', handleKeydown);
    return () => {
      document.removeEventListener('keydown', handleKeydown);