Merge branch 'feat/poc' into feat/datacenter

packages/app/src/components/workspace-setting/member/InviteMemberModal.tsx

@@ -7,6 +7,7 @@ import { useState } from 'react';
 import { Avatar } from '@mui/material';
 import useMembers from '@/hooks/use-members';
 import { User } from '@affine/datacenter';
+import { useTranslation } from '@affine/i18n';
 interface LoginModalProps {
   open: boolean;
   onClose: () => void;
@@ -53,6 +54,7 @@ export const InviteMemberModal = ({
   const [showTip, setShowTip] = useState<boolean>(false);
   const [userData, setUserData] = useState<User | null>(null);
   const { inviteMember, getUserByEmail } = useMembers();
+  const { t } = useTranslation();
   const inputChange = (value: string) => {
     setShowMember(true);
     if (gmailReg.test(value)) {
@@ -82,7 +84,7 @@ export const InviteMemberModal = ({
             />
           </Header>
           <Content>
-            <ContentTitle>Invite members</ContentTitle>
+            <ContentTitle>{t('Invite Members')}</ContentTitle>
             <InviteBox>
               <Input
                 width={360}
@@ -91,12 +93,12 @@ export const InviteMemberModal = ({
                 onBlur={() => {
                   setShowMember(false);
                 }}
-                placeholder="Search mail (Gmail support only)"
+                placeholder={t('Invite placeholder')}
               ></Input>
               {showMember ? (
                 <Members>
                   {showTip ? (
-                    <NoFind>Non-Gmail is not supported</NoFind>
+                    <NoFind>{t('Non-Gmail')}</NoFind>
                   ) : (
                     <Member>
                       {userData?.avatar ? (
@@ -125,7 +127,7 @@ export const InviteMemberModal = ({
                 onInviteSuccess();
               }}
             >
-              Invite
+              {t('Invite')}
             </Button>
           </Footer>
         </ModalWrapper>