X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fprotocol%2FProtocol.js;h=a2bb93060a3fce351938b60588a392d2d63d0a25;hb=147c5f43c5d41fa18e82edb6651fe5a37c789353;hp=e94cad7bf436667ec1f61c724f299287212523d6;hpb=c30ac282dde3d746d6a7762ee18c70b4416500b5;p=alttp.git diff --git a/resources/js/components/protocol/Protocol.js b/resources/js/components/protocol/Protocol.js index e94cad7..a2bb930 100644 --- a/resources/js/components/protocol/Protocol.js +++ b/resources/js/components/protocol/Protocol.js @@ -13,17 +13,20 @@ const Protocol = ({ id }) => { const [protocol, setProtocol] = useState([]); useEffect(() => { + const ctrl = new AbortController(); axios - .get(`/api/protocol/${id}`) + .get(`/api/protocol/${id}`, { signal: ctrl.signal }) .then(response => { setProtocol(response.data); }); + return () => { + ctrl.abort(); + }; }, [id]); useEffect(() => { window.Echo.private(`Protocol.${id}`) .listen('ProtocolAdded', e => { - console.log(e); if (e.protocol) { setProtocol(protocol => [e.protocol, ...protocol]); }