Function PathStickerContainer

src/shared/components/PathSticker.tsx:143–181

(props: {
  superstate: Superstate;
  path: string;
})

};

export const PathStickerContainer = (props: {
  superstate: Superstate;
  path: string;
}) => {
  const [cache, setCache] = useState<PathState>(null);
  const reloadCache = () => {
    setCache(props.superstate.pathsIndex.get(props.path));
  };
  const reloadIcon = (payload: { path: string }) => {
    if (payload.path == props.path) {
      reloadCache();
    }
  };

  useEffect(() => {
    reloadCache();
    props.superstate.eventsDispatcher.addListener(
      "pathStateUpdated",
      reloadIcon
    );

    return () => {
      props.superstate.eventsDispatcher.removeListener(
        "pathStateUpdated",
        reloadIcon
      );
    };
  }, [props.path]);

  return cache ? (
    <PathStickerView
      superstate={props.superstate}
      pathState={cache}
      editable={true}
    />
  ) : (
    <></>
  );
};