proxyimg fix
This commit is contained in:
@ -1,5 +1,5 @@
|
|||||||
import useImgProxy from "@/Hooks/useImgProxy";
|
import useImgProxy from "@/Hooks/useImgProxy";
|
||||||
import React, { HTMLProps, ReactNode, forwardRef, useState, useMemo } from "react";
|
import React, { HTMLProps, ReactNode, forwardRef, useState, useMemo, useEffect } from "react";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
import { getUrlHostname } from "@/SnortUtils";
|
import { getUrlHostname } from "@/SnortUtils";
|
||||||
|
|
||||||
@ -19,6 +19,11 @@ export const ProxyImg = forwardRef<HTMLImageElement, ProxyImgProps>(
|
|||||||
const proxiedSrc = useMemo(() => proxy(props.src ?? "", size, sha256), [props.src, size, sha256]);
|
const proxiedSrc = useMemo(() => proxy(props.src ?? "", size, sha256), [props.src, size, sha256]);
|
||||||
const [src, setSrc] = useState(proxiedSrc);
|
const [src, setSrc] = useState(proxiedSrc);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setLoadFailed(false);
|
||||||
|
setSrc(proxy(props.src, size, sha256));
|
||||||
|
}, [props.src, size, sha256, proxy]);
|
||||||
|
|
||||||
if (loadFailed && !bypass && (promptToLoadDirectly ?? true)) {
|
if (loadFailed && !bypass && (promptToLoadDirectly ?? true)) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
|
Reference in New Issue
Block a user