fix(core): database backlink row visibility (#11706)

fix AF-2507

do not show the db backlink row if
- the row does not have any properties (excluding `title` column)
- the target doc is a template page

packages/frontend/core/src/modules/doc-info/views/database-properties/doc-database-backlink-info.tsx

@@ -6,11 +6,12 @@ import {
 } from '@affine/component';
 import { AffinePageReference } from '@affine/core/components/affine/reference-link';
 import { DocService } from '@affine/core/modules/doc';
+import { TemplateDocService } from '@affine/core/modules/template-doc';
 import { useI18n } from '@affine/i18n';
 import type { DatabaseBlockDataSource } from '@blocksuite/affine/blocks/database';
 import { DatabaseTableViewIcon, PageIcon } from '@blocksuite/icons/rc';
 import { LiveData, useLiveData, useService } from '@toeverything/infra';
-import { Fragment, useMemo } from 'react';
+import { useMemo } from 'react';
 import type { Observable } from 'rxjs';
 
 import { DocDatabaseBacklinksService } from '../../services/doc-database-backlinks';
@@ -96,13 +97,24 @@ const DatabaseBacklinkRow = ({
     useMemo(() => LiveData.from(row$, undefined), [row$])
   );
   const sortedCells = useMemo(() => {
-    return row?.cells.toSorted((a, b) => {
+    return row?.cells
+      .filter(cell => cell.property.id !== 'title')
+      .toSorted((a, b) => {
         return (a.property.name$.value ?? '').localeCompare(
           b.property.name$.value ?? ''
         );
       });
   }, [row?.cells]);
   const t = useI18n();
+  const templateDocService = useService(TemplateDocService);
+
+  const isTemplateDoc = useLiveData(
+    useMemo(
+      () =>
+        row?.docId ? templateDocService.list.isTemplate$(row.docId) : undefined,
+      [row?.docId, templateDocService.list]
+    )
+  );
 
   const pageRefParams = useMemo(() => {
     const params = new URLSearchParams();
@@ -112,11 +124,12 @@ const DatabaseBacklinkRow = ({
     return params;
   }, [row]);
 
-  if (!row || !sortedCells) {
+  if (!row || !sortedCells || sortedCells.length === 0 || isTemplateDoc) {
     return null;
   }
 
   return (
+    <>
       <PropertyCollapsibleSection
         title={
           <span className={styles.databaseNameWrapper}>
@@ -158,6 +171,8 @@ const DatabaseBacklinkRow = ({
           })}
         </PropertyCollapsibleContent>
       </PropertyCollapsibleSection>
+      <Divider size="thinner" className={styles.divider} />
+    </>
   );
 };
 
@@ -196,8 +211,8 @@ export const DocDatabaseBacklinkInfo = ({
   return (
     <div className={styles.root}>
       {rows.map(({ docId, databaseBlockId, rowId, row$ }) => (
-        <Fragment key={`${docId}-${rowId}`}>
         <DatabaseBacklinkRow
+          key={`${docId}-${rowId}`}
           defaultOpen={
             defaultOpen?.some(
               backlink =>
@@ -209,8 +224,6 @@ export const DocDatabaseBacklinkInfo = ({
           row$={row$}
           onChange={onChange}
         />
-          <Divider size="thinner" className={styles.divider} />
-        </Fragment>
       ))}
     </div>
   );