refactor: change locale key (#3838)

packages/component/src/components/share-menu/disable-public-link/index.tsx

@@ -21,17 +21,19 @@ export const PublicLinkDisableModal = ({
     <Modal open={open} onClose={onClose}>
       <ModalWrapper width={480}>
         <Header>
-          <Title>{t['Disable Public Link']()}</Title>
+          <Title>{t['com.affine.publicLinkDisableModal.title']()}</Title>
           <IconButton onClick={onClose}>
             <CloseIcon />
           </IconButton>
         </Header>
         <Content>
-          <StyleTips>{t['Disable Public Link Description']()}</StyleTips>
+          <StyleTips>
+            {t['com.affine.publicLinkDisableModal.description']()}
+          </StyleTips>
           <ButtonContainer>
             <div>
               <Button onClick={onClose} block>
-                {t['Cancel']()}
+                {t['com.affine.publicLinkDisableModal.button.cancel']()}
               </Button>
             </div>
             <div>
@@ -44,7 +46,7 @@ export const PublicLinkDisableModal = ({
                   onClose();
                 }}
               >
-                {t['Disable']()}
+                {t['com.affine.publicLinkDisableModal.button.disable']()}
               </Button>
             </div>
           </ButtonContainer>

packages/component/src/components/share-menu/share-page.tsx

@@ -160,14 +160,14 @@ export const AffineSharePage = (props: ShareMenuProps) => {
                 value={'page'}
                 spanStyle={styles.spanStyle}
               >
-                {t['Page']()}
+                {t['com.affine.pageMode.page']()}
               </RadioButton>
               <RadioButton
                 className={styles.radioButton}
                 value={'edgeless'}
                 spanStyle={styles.spanStyle}
               >
-                {t['Edgeless']()}
+                {t['com.affine.pageMode.edgeless']()}
               </RadioButton>
             </RadioButtonGroup>
           </div>