fix(web): fix miss getting providers (#1513)

labring · Sep 1, 2023 · 22ef31b · 22ef31b
1 parent e41cab3
commit 22ef31b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/web/src/layouts/Basic/index.tsx b/web/src/layouts/Basic/index.tsx
@@ -26,6 +26,7 @@ export default function BasicLayout() {
   useEffect(() => {
     init();
   }, [init]);
+
   return (
     <div>
       <Header className="m-auto max-w-screen-xl" />

diff --git a/web/src/pages/app/setting/UserInfo/index.tsx b/web/src/pages/app/setting/UserInfo/index.tsx
@@ -15,6 +15,7 @@ import UsernameEditor from "./Mods/UsernameEditor";
 
 import "react-image-crop/dist/ReactCrop.css";
 
+import { useGetProvidersQuery } from "@/pages/auth/service";
 import useAuthStore from "@/pages/auth/store";
 import useGlobalStore from "@/pages/globalStore";
 import useSiteSettingStore from "@/pages/siteSetting";
@@ -27,7 +28,11 @@ export default function UserInfo() {
   const { colorMode } = useColorMode();
   const darkMode = colorMode === "dark";
   const { siteSettings } = useSiteSettingStore((state) => state);
-  const { providers } = useAuthStore((state) => state);
+  const { providers, setProviders } = useAuthStore((state) => state);
+
+  useGetProvidersQuery((data: any) => {
+    setProviders(data?.data || []);
+  });
 
   const handleClick = () => {
     if (fileInputRef.current) {

diff --git a/web/src/pages/auth/signin/index.tsx b/web/src/pages/auth/signin/index.tsx
@@ -19,14 +19,16 @@ export default function SignIn() {
   const { colorMode } = useColorMode();
   const darkMode = colorMode === COLOR_MODE.dark;
   const { providers, setProviders } = useAuthStore();
-  useGetProvidersQuery((data: any) => {
-    setProviders(data?.data || []);
-  });
   const [phoneProvider, setPhoneProvider] = useState<any>(null);
   const [passwordProvider, setPasswordProvider] = useState<any>(null);
   const [githubProvider, setGithubProvider] = useState<any>(null);
   const [wechatProvider, setWechatProvider] = useState<any>(null);
   const [currentProvider, setCurrentProvider] = useState<providersTypes>();
+
+  useGetProvidersQuery((data: any) => {
+    setProviders(data?.data || []);
+  });
+
   useEffect(() => {
     if (providers.length) {
       const phoneProvider = providers.find((provider: any) => provider.name === "phone");