From 76b742c24ad54e6d052937ad3921d882fe14700f Mon Sep 17 00:00:00 2001
From: Mantas <hello@mantas.io>
Date: Wed, 4 Jan 2023 17:18:14 +0200
Subject: [PATCH] fix: Call onLoad prop in SvgCssUri (#1927)

SvgCssUri calls onLoad if it's passed, just like in PR #1817 (with SvgUri).
---
 README.md   |  1 +
 USAGE.md    |  4 ++--
 src/css.tsx | 13 ++++++++++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 725fad6b..e8e12adc 100644
--- a/README.md
+++ b/README.md
@@ -127,6 +127,7 @@ react-native run-android
 #### Pre RN 0.68
 
 4. Scroll to the bottom until you find:
+
    ```xml
    <ImportGroup Label="ExtensionTargets">
    ```
diff --git a/USAGE.md b/USAGE.md
index 1de7f0e6..966f757a 100644
--- a/USAGE.md
+++ b/USAGE.md
@@ -92,7 +92,7 @@ If remote SVG file contains CSS in `<style>` element, use `SvgCssUri`:
 ```jsx
 import * as React from 'react';
 import { ActivityIndicator, View, StyleSheet } from 'react-native';
-import { SvgUri } from 'react-native-svg';
+import { SvgCssUri } from 'react-native-svg';
 export default function TestComponent() {
   const [loading, setLoading] = React.useState(true);
   const onError = (e: Error) => {
@@ -105,7 +105,7 @@ export default function TestComponent() {
   };
   return (
     <>
-      <SvgUri
+      <SvgCssUri
         width="100"
         height="100"
         uri="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/ruby.svg"
diff --git a/src/css.tsx b/src/css.tsx
index 8cb5c49a..93bfe272 100644
--- a/src/css.tsx
+++ b/src/css.tsx
@@ -695,11 +695,18 @@ export function SvgCss(props: XmlProps) {
 }
 
 export function SvgCssUri(props: UriProps) {
-  const { uri, onError = err } = props;
+  const { uri, onError = err, onLoad } = props;
   const [xml, setXml] = useState<string | null>(null);
   useEffect(() => {
-    uri ? fetchText(uri).then(setXml).catch(onError) : setXml(null);
-  }, [onError, uri]);
+    uri
+      ? fetchText(uri)
+          .then((data) => {
+            setXml(data);
+            onLoad?.();
+          })
+          .catch(onError)
+      : setXml(null);
+  }, [onError, uri, onLoad]);
   return <SvgCss xml={xml} override={props} />;
 }