chore: modify the text content of share menu (#8026)

![CleanShot 2024-08-30 at 12 18 27@2x](https://github.com/user-attachments/assets/f43a6d31-1bdb-491c-95f6-4609973b84a6)
![CleanShot 2024-08-30 at 12 18 40@2x](https://github.com/user-attachments/assets/387d4523-d5fb-41d4-8b46-c278432db05e)

packages/frontend/core/src/components/affine/share-page-modal/share-menu/index.css.ts

@@ -38,7 +38,16 @@ export const DoneIconStyle = style({
 export const exportItemStyle = style({
   padding: '4px',
   transition: 'all 0.3s',
+  gap: '0px',
 });
+globalStyle(`${exportItemStyle} > div:first-child`, {
+  alignItems: 'center',
+});
+globalStyle(`${exportItemStyle} svg`, {
+  width: '16px',
+  height: '16px',
+});
+
 export const copyLinkContainerStyle = style({
   padding: '4px',
   display: 'flex',

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-export.tsx

@@ -20,7 +20,7 @@ export const ShareExport = () => {
       <div className={styles.descriptionStyle}>
         {t['com.affine.share-menu.ShareViaExportDescription']()}
       </div>
-      <div>
+      <div className={styles.exportContainerStyle}>
         <ExportMenuItems
           exportHandler={exportHandler}
           className={styles.exportItemStyle}

packages/frontend/core/src/components/page-list/operation-menu-items/export.tsx

@@ -6,7 +6,7 @@ import {
   ExportToHtmlIcon,
   ExportToMarkdownIcon,
   ExportToPngIcon,
-  FileIcon,
+  PrinterIcon,
 } from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 import { useCallback } from 'react';
@@ -57,7 +57,7 @@ export const PrintMenuItems = ({
       onSelect={() => exportHandler('pdf')}
       className={className}
       type="pdf"
-      icon={<FileIcon />}
+      icon={<PrinterIcon />}
       label={t['com.affine.export.print']()}
     />
   );

packages/frontend/i18n/src/resources/en.json

@@ -118,7 +118,7 @@
   "Export": "Export",
   "Export AFFiNE backup file": "Export AFFiNE backup file",
   "Export Description": "You can export the entire Workspace data for backup, and the exported data can be re-imported.",
-  "Export Shared Pages Description": "Download a static copy of your page to share with others.",
+  "Export Shared Pages Description": "Download a static copy of your page to share with others",
   "Export Workspace": "Export Workspace <1>{{workspace}}</1> is coming soon",
   "Export failed": "Export failed",
   "Export success": "Export success",
@@ -1374,19 +1374,19 @@
   "com.affine.share-menu.ShareMode": "Share mode",
   "com.affine.share-menu.SharePage": "Share doc",
   "com.affine.share-menu.ShareViaExport": "Share via export",
-  "com.affine.share-menu.ShareViaExportDescription": "Download a static copy of your doc to share with others.",
+  "com.affine.share-menu.ShareViaExportDescription": "Download a static copy of your doc to share with others",
-  "com.affine.share-menu.ShareViaPrintDescription": "Print a paper copy.",
+  "com.affine.share-menu.ShareViaPrintDescription": "Print a paper copy",
   "com.affine.share-menu.ShareWithLink": "Share with link",
   "com.affine.share-menu.ShareWithLinkDescription": "Create a link you can easily share with anyone. The visitors will open your doc in the form od a document",
   "com.affine.share-menu.SharedPage": "Shared doc",
   "com.affine.share-menu.option.link.label": "Anyone with the link",
   "com.affine.share-menu.option.link.readonly": "Read Only",
-  "com.affine.share-menu.option.link.readonly.description": "Anyone can access this link.",
+  "com.affine.share-menu.option.link.readonly.description": "Anyone can access this link",
   "com.affine.share-menu.option.link.no-access": "No Access",
-  "com.affine.share-menu.option.link.no-access.description": "Only workspace members can access this link.",
+  "com.affine.share-menu.option.link.no-access.description": "Only workspace members can access this link",
-  "com.affine.share-menu.option.permission.label": "Members in Workspace",
+  "com.affine.share-menu.option.permission.label": "Members in workspace",
   "com.affine.share-menu.option.permission.can-edit": "Can Edit",
-  "com.affine.share-menu.navigate.workspace": "Manage Workspace Members",
+  "com.affine.share-menu.navigate.workspace": "Manage workspace members",
   "com.affine.share-menu.copy": "Copy Link",
   "com.affine.share-menu.copy.page": "Copy Link to Page Mode",
   "com.affine.share-menu.copy.edgeless": "Copy Link to Edgeless Mode",