From 727130ec978063fb9e33cc6a4d7207c86f2acaea Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Thu, 7 Nov 2024 04:10:34 +0000
Subject: [PATCH] fix(core): add open in app hint text (#8728)

fix AF-1625
---
 .../src/desktop/dialogs/setting/style.css.ts  |  1 +
 .../open-in-app/views/open-in-app-page.css.ts | 15 ++++++++++++
 .../open-in-app/views/open-in-app-page.tsx    | 23 +++++++++++--------
 .../i18n/src/i18n-completenesses.json         |  2 +-
 packages/frontend/i18n/src/resources/en.json  |  1 +
 5 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts b/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts
index 2fc1c79ccd..9543873d4f 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts
+++ b/packages/frontend/core/src/desktop/dialogs/setting/style.css.ts
@@ -10,6 +10,7 @@ export const centerContainer = style({
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'center',
+  height: 'fit-content',
 });
 export const content = style({
   position: 'relative',
diff --git a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts
index 6751571559..6e672aede9 100644
--- a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts
+++ b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.css.ts
@@ -59,6 +59,21 @@ export const editSettingsLink = style({
   textDecoration: 'none',
   color: cssVar('linkColor'),
   fontSize: cssVar('fontSm'),
+});
+
+export const docFooter = style({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  rowGap: 12,
   position: 'absolute',
   bottom: 48,
 });
+
+export const docFooterText = style({
+  display: 'flex',
+  alignItems: 'center',
+  gap: 10,
+  fontSize: cssVar('fontXs'),
+  color: cssVar('textSecondaryColor'),
+});
diff --git a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx
index 5377ed5627..ceb317b315 100644
--- a/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx
+++ b/packages/frontend/core/src/modules/open-in-app/views/open-in-app-page.tsx
@@ -2,7 +2,7 @@ import { Button } from '@affine/component/ui/button';
 import { resolveLinkToDoc } from '@affine/core/modules/navigation';
 import { appIconMap, appNames } from '@affine/core/utils/channel';
 import { Trans, useI18n } from '@affine/i18n';
-import { Logo1Icon } from '@blocksuite/icons/rc';
+import { LocalWorkspaceIcon, Logo1Icon } from '@blocksuite/icons/rc';
 import { useService } from '@toeverything/infra';
 import type { MouseEvent } from 'react';
 import { useCallback } from 'react';
@@ -150,14 +150,19 @@ export const OpenInAppPage = ({ urlToOpen, openHereClicked }: OpenAppProps) => {
       </div>
 
       {maybeDocLink ? (
-        <a
-          className={styles.editSettingsLink}
-          onClick={goToAppearanceSetting}
-          target="_blank"
-          rel="noreferrer"
-        >
-          {t['com.affine.auth.open.affine.doc.edit-settings']()}
-        </a>
+        <div className={styles.docFooter}>
+          <button
+            className={styles.editSettingsLink}
+            onClick={goToAppearanceSetting}
+          >
+            {t['com.affine.auth.open.affine.doc.edit-settings']()}
+          </button>
+
+          <div className={styles.docFooterText}>
+            <LocalWorkspaceIcon width={16} height={16} />
+            {t['com.affine.auth.open.affine.doc.footer-text']()}
+          </div>
+        </div>
       ) : null}
     </div>
   );
diff --git a/packages/frontend/i18n/src/i18n-completenesses.json b/packages/frontend/i18n/src/i18n-completenesses.json
index 24ef0923c0..7841a58857 100644
--- a/packages/frontend/i18n/src/i18n-completenesses.json
+++ b/packages/frontend/i18n/src/i18n-completenesses.json
@@ -10,7 +10,7 @@
   "fr": 71,
   "hi": 2,
   "it": 1,
-  "ja": 95,
+  "ja": 94,
   "ko": 84,
   "pl": 0,
   "pt-BR": 91,
diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json
index 99e70a6c7a..ec9a1413ca 100644
--- a/packages/frontend/i18n/src/resources/en.json
+++ b/packages/frontend/i18n/src/resources/en.json
@@ -231,6 +231,7 @@
   "com.affine.auth.open.affine.try-again": "Try again",
   "com.affine.auth.open.affine.doc.open-here": "Open here instead",
   "com.affine.auth.open.affine.doc.edit-settings": "Edit settings",
+  "com.affine.auth.open.affine.doc.footer-text": "Requires AFFiNE desktop app version 0.18 or later.",
   "com.affine.auth.page.sent.email.subtitle": "Please set a password of {{min}}-{{max}} characters with both letters and numbers to continue signing up with ",
   "com.affine.auth.page.sent.email.title": "Welcome to AFFiNE Cloud, you are almost there!",
   "com.affine.auth.password": "Password",