toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-12 06:43:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore(core): update inline reference icon (#7340)

Browse Source 
Close [BS-659](https://linear.app/affine-design/issue/BS-659/deleted-doc%E7%8A%B6%E6%80%81%E7%BC%BA%E5%A4%B1)
Related PR: https://github.com/toeverything/blocksuite/pull/7433

Before:
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyRfgiN4RuBxJfrza3SG/aa74cb3f-5eca-4456-992c-a04e58760edd.png)

After:
![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyRfgiN4RuBxJfrza3SG/0e2c437c-7317-47fb-8d90-07d32efe53df.png)
This commit is contained in:
L-Sun 2024-06-26 08:34:22 +00:00
parent 7baa260e97
commit 59fe5fb57a
No known key found for this signature in database
GPG Key ID: 4B5C21CB76DF6E92
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/core/src/components/affine/reference-link/index.tsx
View File

@ -7,6 +7,7 @@ import {
import { WorkbenchLink } from '@affine/core/modules/workbench'; import { WorkbenchLink } from '@affine/core/modules/workbench';
import { useI18n } from '@affine/i18n'; import { useI18n } from '@affine/i18n';
import { import {
DeleteIcon,
LinkedEdgelessIcon, LinkedEdgelessIcon,
LinkedPageIcon, LinkedPageIcon,
TodayIcon, TodayIcon,
@ -43,12 +44,15 @@ export function pageReferenceRenderer({
const referencedPage = pageMetaHelper.getDocMeta(pageId); const referencedPage = pageMetaHelper.getDocMeta(pageId);
let title = let title =
referencedPage?.title ?? t['com.affine.editor.reference-not-found'](); referencedPage?.title ?? t['com.affine.editor.reference-not-found']();
let icon =
docMode === 'page' || docMode === null ? ( let icon = !referencedPage ? (
<DeleteIcon className={styles.pageReferenceIcon} />
) : docMode === 'page' || docMode === null ? (
<LinkedPageIcon className={styles.pageReferenceIcon} /> <LinkedPageIcon className={styles.pageReferenceIcon} />
) : ( ) : (
<LinkedEdgelessIcon className={styles.pageReferenceIcon} /> <LinkedEdgelessIcon className={styles.pageReferenceIcon} />
); );
const isJournal = isPageJournal(pageId); const isJournal = isPageJournal(pageId);
const localizedJournalDate = getLocalizedJournalDateString(pageId); const localizedJournalDate = getLocalizedJournalDateString(pageId);
if (isJournal && localizedJournalDate) { if (isJournal && localizedJournalDate) {