diff --git a/packages/frontend/core/src/components/explorer/docs-view/properties.tsx b/packages/frontend/core/src/components/explorer/docs-view/properties.tsx index 604a7560b..accf706f7 100644 --- a/packages/frontend/core/src/components/explorer/docs-view/properties.tsx +++ b/packages/frontend/core/src/components/explorer/docs-view/properties.tsx @@ -36,14 +36,16 @@ const useProperties = (view: 'list' | 'card') => { const stackProperties = useMemo( () => - explorerPropertyList.filter( - property => - (property.systemProperty && - property.systemProperty.showInDocList === 'stack') || - (property.workspaceProperty && - WorkspacePropertyTypes[property.workspaceProperty.type] - .showInDocList === 'stack') - ), + explorerPropertyList + .filter( + property => + (property.systemProperty && + property.systemProperty.showInDocList === 'stack') || + (property.workspaceProperty && + WorkspacePropertyTypes[property.workspaceProperty.type] + .showInDocList === 'stack') + ) + .filter(p => p.systemProperty?.type !== 'tags'), [explorerPropertyList] ); @@ -191,50 +193,7 @@ export const CardViewProperties = ({ docId }: { docId: string }) => { } return ( - <> - {/* stack properties */} -
-
- {stackProperties.map(({ systemProperty, workspaceProperty }) => { - const displayKeys = [ - systemProperty ? `system:${systemProperty.type}` : null, - workspaceProperty ? `property:${workspaceProperty.id}` : null, - ]; - if ( - !displayKeys.some(key => key && displayProperties?.includes(key)) - ) { - return null; - } - if (systemProperty) { - return ( - - ); - } else if (workspaceProperty) { - return ( - - ); - } - return null; - })} -
- {displayProperties?.includes('system:tags') ? ( -
- -
- ) : null} -
+
{/* inline properties */} {inlineProperties.map(({ systemProperty, workspaceProperty }) => { const displayKeys = [ @@ -265,7 +224,39 @@ export const CardViewProperties = ({ docId }: { docId: string }) => { } return null; })} - + {/* stack properties */} + {stackProperties.map(({ systemProperty, workspaceProperty }) => { + const displayKeys = [ + systemProperty ? `system:${systemProperty.type}` : null, + workspaceProperty ? `property:${workspaceProperty.id}` : null, + ]; + if (!displayKeys.some(key => key && displayProperties?.includes(key))) { + return null; + } + if (systemProperty) { + return ( + + ); + } else if (workspaceProperty) { + return ( + + ); + } + return null; + })} + {displayProperties?.includes('system:tags') ? ( + + ) : null} +
); };