From 1f87784d48cb36ccc366c84325252875044b819e Mon Sep 17 00:00:00 2001
From: Jeremy Clements <79224539+jeclrsg@users.noreply.github.com>
Date: Tue, 18 Jul 2023 12:52:46 -0400
Subject: [PATCH] HPCC-29953 ECL Watch v9 fix file icon missing on Files list
 page

Signed-off-by: Jeremy Clements <79224539+jeclrsg@users.noreply.github.com>
---
 esp/src/src-react/components/Files.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/esp/src/src-react/components/Files.tsx b/esp/src/src-react/components/Files.tsx
index 45aaa89e3c5..8a7d303460f 100644
--- a/esp/src/src-react/components/Files.tsx
+++ b/esp/src/src-react/components/Files.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { CommandBar, ContextualMenuItemType, ICommandBarItemProps, Icon, Link } from "@fluentui/react";
 import { scopedLogger } from "@hpcc-js/util";
 import * as WsDfu from "src/WsDfu";
-import { CreateDFUQueryStore } from "src/ESPLogicalFile";
+import { CreateDFUQueryStore, Get } from "src/ESPLogicalFile";
 import { formatCost } from "src/Session";
 import * as Utility from "src/Utility";
 import { QuerySortItem } from "src/store/Store";
@@ -161,12 +161,13 @@ export const Files: React.FunctionComponent<FilesProps> = ({
             Name: {
                 label: nlsHPCC.LogicalName,
                 formatter: React.useCallback(function (name, row) {
+                    const file = Get(row.NodeGroup, name, row);
                     if (row.__hpcc_isDir) {
                         return name;
                     }
                     const url = "#/files/" + (row.NodeGroup ? row.NodeGroup + "/" : "") + name;
                     return <>
-                        <Icon iconName={row.getStateIcon ? row.getStateIcon() : ""} />
+                        <Icon iconName={file.getStateIcon ? file.getStateIcon() : ""} />
                         &nbsp;
                         <Link href={url}>{name}</Link>
                     </>;