Live mode in txs page - changes

[giulianoconti]

WS-257

[giulianoconti]

@valentinoConti
I doubt that using a context for just this is a good idea.
If you think there is a better solution let me know.
Probably using just a useState for the liveMode would be better but it wouldn't meet these requirements.

[valentinoConti]

@valentinoConti I doubt that using a context for just this is a good idea. If you think there is a better solution let me know. Probably using just a useState for the liveMode would be better but it wouldn't meet these requirements.

Yes it's kinda overkill to have a context only for this, did you try using a ref?

The only thing I don't know its if the ref is going to keep updated when going back from /tx to /txs 🤔

And if it only needs to be applied when user comes back from /tx using the back button, you can detect that with useNavigationType hook from react-router-dom, example:

import React, { useEffect, useRef } from "react";
import { useLocation, useNavigationType } from "react-router-dom";

const RouteComponent = () => {
  const navigationType = useNavigationType();
  const location = useLocation();
  const previousLocationRef = useRef(null);

  useEffect(() => {
    if (navigationType === "POP") {
      console.log("User navigated using the back/forward button");
      console.log("Previous route was:", previousLocationRef.current);
      console.log("Current route is:", location.pathname);
    }

    // Update the previous route
    previousLocationRef.current = location.pathname;
  }, [navigationType, location]);

  return (
    <div>
      <h1>Current Route: {location.pathname}</h1>
    </div>
  );
};

export default RouteComponent;

I still don't like that approach so much but its better than Context

Maybe the best approach can be using a state but not a react useState but a recoil useRecoilState (global state without context), where the default its true, and you add a useEffect where everytime users leaves "/txs" page, its set to true again unless its leaving "/txs" to go to "/tx" 🤔; if this works its probably the best approach for this task