From 0c4c0262bc1531265de7a72f954e6f1a0f254eb4 Mon Sep 17 00:00:00 2001
From: Seila Gonzalez <seilagonzaleze@gmail.com>
Date: Thu, 11 Sep 2025 16:39:01 -0400
Subject: [PATCH] add folder icon to containers

---
 components/files/FileList.tsx |  2 +-
 utils/fileUtils.ts            | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/files/FileList.tsx b/components/files/FileList.tsx
index 1854372..4f14cee 100644
--- a/components/files/FileList.tsx
+++ b/components/files/FileList.tsx
@@ -77,7 +77,7 @@ const FileList: React.FC<FileListProps> = ({
     <TouchableOpacity onPress={() => onPressDetail(item)}>
       <View style={styles.fileContainer}>
         <FontAwesomeIcon
-          icon={getIconFile(item.fileName, item.isRDFResource)}
+          icon={getIconFile(item.identifier, item.isRDFResource)}
           size={24}
         />
 
diff --git a/utils/fileUtils.ts b/utils/fileUtils.ts
index b29d863..844dbd4 100644
--- a/utils/fileUtils.ts
+++ b/utils/fileUtils.ts
@@ -16,7 +16,7 @@
 import { faFile } from "@fortawesome/free-solid-svg-icons/faFile";
 import { faImage } from "@fortawesome/free-solid-svg-icons/faImage";
 import { faIdCard } from "@fortawesome/free-solid-svg-icons/faIdCard";
-import { faWallet } from "@fortawesome/free-solid-svg-icons/faWallet";
+import { faFolder } from "@fortawesome/free-solid-svg-icons/faFolder";
 import { AccessRequestMode } from "@/types/enums";
 import type { WalletFile } from "@/types/WalletFile";
 
@@ -39,16 +39,17 @@ export const addSpacesToCamelCase = (camelString: string) => {
 };
 
 export const getIconFile = (
-  fileName: string,
+  fileNameOrUri: string,
   isRDFResource: boolean = false
 ) => {
-  if (fileName.endsWith("/")) {
-    return faWallet;
+  // Containers (ending with /) take priority over RDF resources
+  if (fileNameOrUri.endsWith("/")) {
+    return faFolder;
   }
   if (isRDFResource) return faIdCard;
 
   const imageExtensions = ["jpg", "jpeg", "png", "gif", "bmp", "webp"];
-  const extension = fileName.split(".")?.pop()?.toLowerCase();
+  const extension = fileNameOrUri.split(".")?.pop()?.toLowerCase();
   if (extension) {
     if (imageExtensions.includes(extension)) return faImage;
   }