directory rich view: bugfix: show metadata even for directories that don't have it

this fixes bug where some directory entries were just plain hidden

bonus:

- wordsmithing: `Id` -> `ID`

Author: joonas-fi

frontend/component/metadata.tsx

@@ -34,8 +34,12 @@ interface MetadataKeyValue {
 }
 
 interface MetadataPanelProps {
-	showTitle?: boolean; // shows title and publication date
-	showDetails?: boolean; // shows summary, publication date and external links
+	/** shows title and publication date */
+	showTitle?: boolean;
+	/** shows summary, publication date and external links */
+	showDetails?: boolean;
+	/** if panel would be mostly without content, don't show it */
+	skipRenderingIfNoMetadata?: boolean;
 	imageLinksToCollection?: boolean;
 	collWithMeta: CollectionSubsetWithMeta;
 }
@@ -48,7 +52,8 @@ export class MetadataPanel extends React.Component<MetadataPanelProps, {}> {
 
 		const metadata = metadataKvsToKv(coll.Metadata);
 
-		if (Object.keys(metadata).length === 0) {
+		const noMetadata = Object.keys(metadata).length === 0;
+		if (noMetadata && this.props.skipRenderingIfNoMetadata) {
 			return null;
 		}
 

frontend/pages/BrowsePage.tsx

@@ -421,7 +421,7 @@ export default class BrowsePage extends React.Component<BrowsePageProps, BrowseP
 				<table className={tableClassStripedHover}>
 					<tbody>
 						<tr>
-							<th>Id</th>
+							<th>ID</th>
 							<td>
 								{dir.Id}
 								<span className="margin-left">

frontend/pages/CollectionPage.tsx

@@ -213,6 +213,7 @@ export default class CollectionPage extends React.Component<
 						<MetadataPanel
 							collWithMeta={collOutput.CollectionWithMeta}
 							showDetails={true}
+							skipRenderingIfNoMetadata={true}
 						/>
 
 						{(this.props.view === ViewType.Auto && haveAnyThumbnails) ||
@@ -234,7 +235,7 @@ export default class CollectionPage extends React.Component<
 							<table className={tableClassStripedHover}>
 								<tbody>
 									<tr>
-										<th>Id</th>
+										<th>ID</th>
 										<td>
 											{coll.Id}