fix: hide signup buttons when disallowSignUp is configured

apps/nextjs-app/src/features/auth/components/SignForm.tsx

@@ -19,6 +19,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import type { ZodIssue } from 'zod';
 import { fromZodError } from 'zod-validation-error';
 import { authConfig } from '../../i18n/auth.config';
+import { useDisallowSignUp } from '../useDisallowSignUp';
 import { SendVerificationButton } from './SendVerificationButton';
 
 export interface ISignForm {
@@ -33,6 +34,8 @@ export const SignForm: FC<ISignForm> = (props) => {
   const [signupVerificationCode, setSignupVerificationCode] = useState<string>();
   const router = useRouter();
 
+  const disallowSignUp = useDisallowSignUp();
+
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [error, setError] = useState<string>();
 
@@ -278,18 +281,20 @@ export const SignForm: FC<ISignForm> = (props) => {
               {isLoading && <Spin />}
               {buttonText}
             </Button>
-            <div className="flex justify-end py-2">
-              <Link
-                href={{
-                  pathname: type === 'signin' ? '/auth/signup' : '/auth/login',
-                  query: { ...router.query },
-                }}
-                shallow
-                className="text-xs text-muted-foreground underline-offset-4 hover:underline"
-              >
-                {type === 'signin' ? t('auth:button.signup') : t('auth:button.signin')}
-              </Link>
-            </div>
+            {!disallowSignUp && (
+              <div className="flex justify-end py-2">
+                <Link
+                  href={{
+                    pathname: type === 'signin' ? '/auth/signup' : '/auth/login',
+                    query: { ...router.query },
+                  }}
+                  shallow
+                  className="text-xs text-muted-foreground underline-offset-4 hover:underline"
+                >
+                  {type === 'signin' ? t('auth:button.signup') : t('auth:button.signin')}
+                </Link>
+              </div>
+            )}
             <ErrorCom error={error} />
           </div>
         </div>

apps/nextjs-app/src/features/auth/pages/LoginPage.tsx

@@ -14,6 +14,7 @@ import { DescContent } from '../components/DescContent';
 import { SignForm } from '../components/SignForm';
 import { SocialAuth } from '../components/SocialAuth';
 import { Terms } from '../components/Terms';
+import { useDisallowSignUp } from '../useDisallowSignUp';
 
 export const LoginPage = (props: { children?: React.ReactNode | React.ReactNode[] }) => {
   const { children } = props;
@@ -25,6 +26,7 @@ export const LoginPage = (props: { children?: React.ReactNode | React.ReactNode[
   const redirect = decodeURIComponent((router.query.redirect as string) || '');
   const signType = router.pathname.endsWith('/signup') ? 'signup' : 'signin';
   const { passwordLoginDisabled } = useEnv();
+  const disallowSignUp = useDisallowSignUp();
 
   const onSuccess = useCallback(() => {
     if (redirect && redirect.startsWith('/')) {
@@ -53,9 +55,11 @@ export const LoginPage = (props: { children?: React.ReactNode | React.ReactNode[
                 <Link href={{ pathname: '/auth/login', query: { ...router.query } }} shallow>
                   <TabsTrigger value="signin">{t('auth:button.signin')}</TabsTrigger>
                 </Link>
-                <Link href={{ pathname: '/auth/signup', query: { ...router.query } }} shallow>
-                  <TabsTrigger value="signup">{t('auth:button.signup')}</TabsTrigger>
-                </Link>
+                {!disallowSignUp && (
+                  <Link href={{ pathname: '/auth/signup', query: { ...router.query } }} shallow>
+                    <TabsTrigger value="signup">{t('auth:button.signup')}</TabsTrigger>
+                  </Link>
+                )}
               </TabsList>
             </Tabs>
           </div>

apps/nextjs-app/src/features/auth/useDisallowSignUp.ts

@@ -0,0 +1,12 @@
+import { useQuery } from '@tanstack/react-query';
+import { getPublicSetting } from '@teable/openapi';
+import { ReactQueryKeys } from '@teable/sdk/config';
+
+export const useDisallowSignUp = () => {
+  const { data: setting } = useQuery({
+    queryKey: ReactQueryKeys.getPublicSetting(),
+    queryFn: () => getPublicSetting().then(({ data }) => data),
+  });
+  const { disallowSignUp } = setting ?? {};
+  return disallowSignUp;
+};

apps/nextjs-app/src/pages/auth/login.tsx

@@ -1,7 +1,10 @@
-import { QueryClientProvider } from '@tanstack/react-query';
+import type { DehydratedState } from '@tanstack/react-query';
+import { dehydrate, Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryKeys } from '@teable/sdk/config';
 import { createQueryClient } from '@teable/sdk/context';
 import type { GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import { useState } from 'react';
+import { SsrApi } from '@/backend/api/rest/ssr-api';
 import { LoginPage } from '@/features/auth/pages/LoginPage';
 import { authConfig } from '@/features/i18n/auth.config';
 import ensureLogin from '@/lib/ensureLogin';
@@ -12,22 +15,37 @@ type Props = {
   /** Add props here */
 };
 
-export default function LoginRoute(_props: InferGetServerSidePropsType<typeof getServerSideProps>) {
+export default function LoginRoute(
+  props: InferGetServerSidePropsType<typeof getServerSideProps> & {
+    dehydratedState: DehydratedState;
+  }
+) {
   const [queryClient] = useState(() => createQueryClient());
 
   return (
     <QueryClientProvider client={queryClient}>
-      <LoginPage />
+      <Hydrate state={props.dehydratedState}>
+        <LoginPage />
+      </Hydrate>
     </QueryClientProvider>
   );
 }
 
 export const getServerSideProps: GetServerSideProps<Props> = withEnv(
   ensureLogin(async (context) => {
     const { i18nNamespaces } = authConfig;
+    const queryClient = new QueryClient();
+    const ssrApi = new SsrApi();
+    await Promise.all([
+      queryClient.fetchQuery({
+        queryKey: ReactQueryKeys.getPublicSetting(),
+        queryFn: () => ssrApi.getPublicSetting(),
+      }),
+    ]);
     return {
       props: {
         ...(await getTranslationsProps(context, i18nNamespaces)),
+        dehydratedState: dehydrate(queryClient),
       },
     };
   }, true)