@evergis/react 3.1.129 → 3.1.130

package/dist/index.js

@@ -11681,19 +11681,24 @@ const StyledSvg = styled(uilibGl.Flex) `
 
 const SvgImage = React.memo(({ url, width, height, fontColor }) => {
     const [svg, setSvg] = React.useState(null);
-    const [loading, setLoading] = React.useState(false);
-    React.useEffect(() => {
-        if (!url || loading) {
+    const loadingRef = React.useRef(false);
+    const fetchSvg = React.useCallback(() => {
+        if (!url || loadingRef.current)
             return;
-        }
-        setLoading(true);
-        fetch(url)
+        loadingRef.current = true;
+        const token = window.localStorage.getItem(api.STORAGE_TOKEN_KEY);
+        fetch(url, {
+            headers: token ? { Authorization: `Bearer ${token}` } : {},
+        })
             .then(res => (res.ok ? res.text() : null))
             .then(setSvg)
             .finally(() => {
-            setLoading(false);
+            loadingRef.current = false;
         });
     }, [url]);
+    React.useEffect(() => {
+        fetchSvg();
+    }, [fetchSvg]);
     React.useEffect(() => () => {
         setSvg(null);
     }, []);