emallson/scorecard - Change QDF6MHUAGHZQVIN7ZW6BBINHXMY4EB6DJY65JFLK4TMS4GBCWXCQC

scroll a boss into view when the hash is used

Created by emallson on February 25, 2021

QDF6MHUAGHZQVIN7ZW6BBINHXMY4EB6DJY65JFLK4TMS4GBCWXCQC

Dependencies

In channels

production

test

main

Change contents

Insertion in client/src/EncounterOverview.tsx at line 1 [3.310127]
[3.310127]
[3.310128]
```
import { useRef, useEffect } from 'react';
```
Insertion in client/src/EncounterOverview.tsx at line 5 [3.310127]
[4.1409]
[5.5382]
```
import { useLocation } from 'react-router-dom';
```

Insertion in client/src/EncounterOverview.tsx at line 49 [3.310127]

[4.1470]

[3.311368]

  const location = useLocation();
  const ref = useRef<HTMLLegendElement>(null);
  useEffect(() => {
    if (ref.current && location.hash === `#${slug}`) {
      setTimeout(() => {
        ref.current!.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'nearest' });
      }, 500);
    }
  }, [location.hash, slug]);

Replacement in client/src/EncounterOverview.tsx at line 62 [3.310127]

B:BD[4.1497] → [4.1497:1545]

      <legend className="font-serif" id={slug}>

[4.1497]

[4.1545]

      <legend className="font-serif" id={slug} ref={ref}>

Replacement in client/src/EncounterOverview.tsx at line 291 [3.310127]

B:BD[3.314829] → [4.1883:1954]

  if(loading || !data || data && data.logsForEncounter.length === 0) {

[3.314829]

[4.1954]

  if(loading || !data || (data && data.logsForEncounter.length === 0)) {

Replacement in client/src/App.tsx at line 72 [6.2761997]
B:BD[2.906] → [2.906:916]
```
  }, []);
```
[2.906]
[2.916]
```
  }, []); // eslint-disable-line react-hooks/exhaustive-deps
```