feat(web): add userinfo email config

labring · Feb 21, 2024 · 46cac90 · 46cac90
1 parent d73d71b
commit 46cac90
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 20 deletions.
diff --git a/web/src/pages/app/setting/UserSetting/UserInfo/index.tsx b/web/src/pages/app/setting/UserSetting/UserInfo/index.tsx
@@ -31,7 +31,7 @@ export default function UserInfo() {
   const { colorMode } = useColorMode();
   const darkMode = colorMode === "dark";
   const { siteSettings } = useSiteSettingStore((state) => state);
-  const { phoneProvider, githubProvider } = useAuthStore((state) => state);
+  const { phoneProvider, githubProvider, emailProvider } = useAuthStore((state) => state);
   const githubAuthControllerUnbindMutation = useGithubAuthControllerUnbindMutation();
 
   const handleClick = () => {
@@ -187,24 +187,26 @@ export default function UserInfo() {
                 </span>
               </div>
             )}
-            {/* <div className="flex flex-col pb-4">
-              <span className={clsx("pb-3 text-xl", !darkMode && "text-grayModern-900")}>
-                {t("SettingPanel.Email")}
-              </span>
-              <span className="flex justify-between text-base">
-                <span className={!darkMode ? "text-grayModern-700" : ""}>
-                  {userInfo?.email ? userInfo?.email : t("NoInfo")}
+            {emailProvider && (
+              <div className="flex flex-col pb-4">
+                <span className={clsx("pb-3 text-xl", !darkMode && "text-grayModern-900")}>
+                  {t("SettingPanel.Email")}
                 </span>
-                <span
-                  className="flex cursor-pointer items-center text-[#0884DD]"
-                  onClick={() => {
-                    setShowItem("email");
-                  }}
-                >
-                  {t("UserInfo.Change")} <ChevronRightIcon boxSize={5} />
+                <span className="flex justify-between text-base">
+                  <span className={!darkMode ? "text-grayModern-700" : ""}>
+                    {userInfo?.email ? userInfo?.email : t("NoInfo")}
+                  </span>
+                  <span
+                    className="flex cursor-pointer items-center text-[#0884DD]"
+                    onClick={() => {
+                      setShowItem("email");
+                    }}
+                  >
+                    {t("UserInfo.Change")} <ChevronRightIcon boxSize={5} />
+                  </span>
                 </span>
-              </span>
-            </div> */}
+              </div>
+            )}
             {githubProvider && (
               <div className="flex flex-col pb-4">
                 <span

diff --git a/web/src/pages/auth/store.ts b/web/src/pages/auth/store.ts
@@ -9,6 +9,7 @@ type State = {
   githubProvider: any;
   phoneProvider: any;
   passwordProvider: any;
+  emailProvider: any;
   defaultProvider: any;
 };
 
@@ -20,15 +21,15 @@ const useAuthStore = create<State>()(
         set((state) => {
           state.githubProvider = res.data.find((provider: any) => provider.name === "github");
           state.phoneProvider = res.data.find((provider: any) => provider.name === "phone");
-          state.passwordProvider = res.data.find(
-            (provider: any) => provider.name === "user-password",
-          );
+          state.passwordProvider = res.data.find((provider: any) => provider.name === "user-password");
+          state.emailProvider = res.data.find((provider: any) => provider.name === "email");
           state.defaultProvider = res.data.find((provider: any) => provider.default);
         });
       },
       githubProvider: {},
       phoneProvider: {},
       passwordProvider: {},
+      emailProvider: {},
       defaultProvider: {},
     })),
   ),