Turn the StepIndicator as links to each step

[masakudamatsu]

TODO: Enable the link when the user has already visited the page.

When doing so, use the semantic HTML: use nav tag instead of div when stepIndicator styled component is defined in style.js

[masakudamatsu]

The link has been added.

But I cannot figure out how to enable the link if the user has already visited.

• The attempted code is stashed with "Enable the nav link if the user has visited the page already"

Using the useEffect hook can allow me to update the browsing history array. But the browsing history cannot be a state in this case.

• Updating the state within the useEffect hook ends up with an infinite loop, because the state update rerenders components. Also I don't know how to keep the array updated. Everytime the useEffect hook is called, the handling function takes the empty array and add a new item, rather than taking the existing array that keeps track of the browsing history.

[masakudamatsu]

The current implementation of how the link is disabled causes issue #107.

[masakudamatsu]

Using sessionStorage and React's useEffect hook (with [] as the second argument) allows me to enable the link if the user has visited the page.

• https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
• https://reactjs.org/docs/hooks-effect.html