chore: adjust banner content text (#5153)

![image](https://github.com/toeverything/AFFiNE/assets/102217452/86a77f1f-1be5-4d05-bdfa-9e1b321c0d9e)
This commit is contained in:
JimmFly
2023-12-06 08:13:56 +00:00
parent e5f8a58330
commit b32a427ecd
2 changed files with 8 additions and 7 deletions

View File

@@ -1,4 +1,5 @@
import { Button, IconButton } from '@affine/component/ui/button'; import { Button, IconButton } from '@affine/component/ui/button';
import { useAFFiNEI18N } from '@affine/i18n/hooks';
import { CloseIcon } from '@blocksuite/icons'; import { CloseIcon } from '@blocksuite/icons';
import { useCallback } from 'react'; import { useCallback } from 'react';
@@ -17,13 +18,10 @@ export const LocalDemoTips = ({
onLogin, onLogin,
onEnableCloud, onEnableCloud,
}: LocalDemoTipsProps) => { }: LocalDemoTipsProps) => {
const content = isLoggedIn const t = useAFFiNEI18N();
? 'This is a local demo workspace, and the data is stored locally. We recommend enabling AFFiNE Cloud.'
: 'This is a local demo workspace, and the data is stored locally in the browser. We recommend Enabling AFFiNE Cloud or downloading the client for a better experience.';
const buttonLabel = isLoggedIn const buttonLabel = isLoggedIn
? 'Enable AFFiNE Cloud' ? t['Enable AFFiNE Cloud']()
: 'Sign in with AFFiNE Cloud'; : t['Sign in and Enable']();
const handleClick = useCallback(() => { const handleClick = useCallback(() => {
if (isLoggedIn) { if (isLoggedIn) {
@@ -34,7 +32,9 @@ export const LocalDemoTips = ({
return ( return (
<div className={styles.tipsContainer} data-testid="local-demo-tips"> <div className={styles.tipsContainer} data-testid="local-demo-tips">
<div className={styles.tipsMessage}>{content}</div> <div className={styles.tipsMessage}>
{t['com.affine.banner.local-warning']()}
</div>
<div className={styles.tipsRightItem}> <div className={styles.tipsRightItem}>
<div> <div>

View File

@@ -480,6 +480,7 @@
"com.affine.auth.toast.title.signed-in": "Signed in", "com.affine.auth.toast.title.signed-in": "Signed in",
"com.affine.backButton": "Back", "com.affine.backButton": "Back",
"com.affine.banner.content": "This demo is limited. <1>Download the AFFiNE Client</1> for the latest features and Performance.", "com.affine.banner.content": "This demo is limited. <1>Download the AFFiNE Client</1> for the latest features and Performance.",
"com.affine.banner.local-warning": "Your local data is stored in the browser and may be lost. Don't risk it - enable cloud now!",
"com.affine.brand.affineCloud": "AFFiNE Cloud", "com.affine.brand.affineCloud": "AFFiNE Cloud",
"com.affine.cloudTempDisable.description": "We are upgrading the AFFiNE Cloud service and it is temporarily unavailable on the client side. If you wish to stay updated on the progress and be notified on availability, you can fill out the <1>AFFiNE Cloud Signup</1>.", "com.affine.cloudTempDisable.description": "We are upgrading the AFFiNE Cloud service and it is temporarily unavailable on the client side. If you wish to stay updated on the progress and be notified on availability, you can fill out the <1>AFFiNE Cloud Signup</1>.",
"com.affine.cloudTempDisable.title": "AFFiNE Cloud is upgrading now.", "com.affine.cloudTempDisable.title": "AFFiNE Cloud is upgrading now.",