Dependencies table doesn't reflow the entries page

1 files changed, 19 insertions, 5 deletions

diff --git a/src/zenserver/frontend/html/pages/entry.js b/src/zenserver/frontend/html/pages/entry.js
index 13d5e44e7..c4746bf52 100644
--- a/src/zenserver/frontend/html/pages/entry.js
+++ b/src/zenserver/frontend/html/pages/entry.js
@@ -43,25 +43,39 @@ export class Page extends ZenPage
 		return indexer;
 	}
 
-	async _build_deps(section, tree)
+	_build_deps(section, tree)
 	{
-		const indexer = await this._indexer;
+		const project = this.get_param("project");
+		const oplog = this.get_param("oplog");
 
 		for (const dep_name in tree)
 		{
 			const dep_section = section.add_section(dep_name);
 			const table = dep_section.add_widget(Table, ["name", "id"], Table.Flag_PackRight);
+
 			for (const dep_id of tree[dep_name])
 			{
-				const cell_values = ["", dep_id.toString(16).padStart(16, "0")];
+				const hex_id = dep_id.toString(16).padStart(16, "0");
+				const cell_values = ["loading...", hex_id];
 				const row = table.add_row(...cell_values);
 
-				var opkey = indexer.lookup_id(dep_id);
-				row.get_cell(0).text(opkey).on_click((k) => this.view_opkey(k), opkey);
+				// Asynchronously resolve the name
+				this._resolve_dep_name(row.get_cell(0), dep_id, project, oplog);
 			}
 		}
 	}
 
+	async _resolve_dep_name(cell, dep_id, project, oplog)
+	{
+		const indexer = await this._indexer;
+		const opkey = indexer.lookup_id(dep_id);
+
+		if (opkey)
+		{
+			cell.text(opkey).on_click((k) => this.view_opkey(k), opkey);
+		}
+	}
+
 	_find_iohash_field(container, name)
 	{
 		const found_field = container.find(name);