feat(core): desktop multiple server support (#8979)

packages/frontend/component/src/components/auth-components/auth-input.tsx

@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import type { ReactNode } from 'react';
 
 import type { InputProps } from '../../ui/input';
 import { Input } from '../../ui/input';
@@ -6,7 +7,7 @@ import * as styles from './share.css';
 export type AuthInputProps = InputProps & {
   label?: string;
   error?: boolean;
-  errorHint?: string;
+  errorHint?: ReactNode;
   withoutHint?: boolean;
   onEnter?: () => void;
 };

packages/frontend/component/src/components/auth-components/index.tsx

@@ -5,7 +5,6 @@ export * from './back-button';
 export * from './change-email-page';
 export * from './change-password-page';
 export * from './count-down-render';
-export * from './modal';
 export * from './modal-header';
 export * from './onboarding-page';
 export * from './password-input';

packages/frontend/component/src/components/auth-components/modal-header.tsx

@@ -4,12 +4,12 @@ import type { FC } from 'react';
 import { modalHeaderWrapper } from './share.css';
 export const ModalHeader: FC<{
   title: string;
-  subTitle: string;
+  subTitle?: string;
 }> = ({ title, subTitle }) => {
   return (
     <div className={modalHeaderWrapper}>
       <p>
-        <Logo1Icon className="logo" />
+        {title === 'AFFiNE Cloud' && <Logo1Icon className="logo" />}
         {title}
       </p>
       <p>{subTitle}</p>

packages/frontend/component/src/components/auth-components/modal.tsx

@@ -1,29 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-
-import { Modal } from '../../ui/modal';
-
-export type AuthModalProps = {
-  open: boolean;
-  setOpen: (value: boolean) => void;
-};
-
-export const AuthModal: FC<PropsWithChildren<AuthModalProps>> = ({
-  children,
-  open,
-  setOpen,
-}) => {
-  return (
-    <Modal
-      open={open}
-      onOpenChange={setOpen}
-      width={400}
-      minHeight={500}
-      contentOptions={{
-        ['data-testid' as string]: 'auth-modal',
-        style: { padding: '44px 40px 0' },
-      }}
-    >
-      {children}
-    </Modal>
-  );
-};

packages/frontend/component/src/components/auth-components/share.css.ts

@@ -42,6 +42,7 @@ export const formHint = style({
   fontSize: cssVar('fontSm'),
   position: 'absolute',
   bottom: '4px',
+  height: '22px',
   left: 0,
   lineHeight: '22px',
   selectors: {