@sinco/react 1.1.1-rc.7 → 1.1.1-rc.8

package/index.js

@@ -20115,29 +20115,32 @@ const DynamicColor = async src => {
   };
 };
 
-const useDynamicColor = (url, theme) => {
+const useDynamicColor = url => {
+  useState(AdproSincoTheme.palette.primary);
+  useState(AdproSincoTheme.palette.secondary);
+  useState(AdproSincoTheme.palette.background);
+  const [primary, setPrimary] = useState(SincoTheme.palette.primary);
+  const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
+  const [background, setBackground] = useState(SincoTheme.palette.background);
   const [loading, setLoading] = useState(false);
   useEffect(() => {
-    const fetchDynamicColor = () => {
-      const dynamicColorPromise = DynamicColor(url);
-      dynamicColorPromise.then(({
-        primaryColor,
-        secondaryColor,
-        backgroundColor
-      }) => {
-        const updatedTheme = Object.assign({}, theme, {
-          palette: Object.assign({}, theme.palette, {
-            primary: primaryColor,
-            secondary: secondaryColor,
-            background: backgroundColor
-          })
-        });
-        theme.setTheme(updatedTheme);
-        setLoading(true);
-      });
-    };
-    fetchDynamicColor();
-  }, [url, theme]);
+    DynamicColor(url).then(({
+      primaryColor,
+      secondaryColor,
+      backgroundColor
+    }) => {
+      setPrimary(primaryColor);
+      setSecondary(secondaryColor);
+      setBackground(backgroundColor);
+      setLoading(true);
+    });
+  }, [url]);
+  SincoTheme.palette.primary = primary;
+  SincoTheme.palette.secondary = secondary;
+  SincoTheme.palette.background = background;
+  AdproSincoTheme.palette.primary = primary;
+  AdproSincoTheme.palette.secondary = secondary;
+  AdproSincoTheme.palette.background = background;
   return {
     loading
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.1-rc.7",
+  "version": "1.1.1-rc.8",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Hooks/useDynamicColor.d.ts

@@ -1,3 +1,3 @@
-export declare const useDynamicColor: (url: string, theme: any) => {
+export declare const useDynamicColor: (url: string) => {
     loading: boolean;
 };