more

proofcarryingdata · Jul 24, 2024 · 38b5dce · 38b5dce
1 parent de241de
commit 38b5dce
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/passport-client/components/screens/HomeScreen/Folder.tsx b/apps/passport-client/components/screens/HomeScreen/Folder.tsx
@@ -1,6 +1,7 @@
 import { getNameFromPath, getParentFolder } from "@pcd/pcd-collection";
 import { CSSProperties, useCallback } from "react";
 import styled from "styled-components";
+import { usePCDsInFolder } from "../../../src/appHooks";
 import { cn } from "../../../src/util";
 
 export function FolderCard({
@@ -16,6 +17,8 @@ export function FolderCard({
     onFolderClick(folder);
   }, [folder, onFolderClick]);
 
+  const pcds = usePCDsInFolder(folder);
+
   return (
     <FolderEntryContainer
       style={style}
@@ -27,6 +30,9 @@ export function FolderCard({
       )}
     >
       {getNameFromPath(folder)}
+      <div className="font-normal text-sm">
+        {pcds.length} ticket{pcds.length > 1 ? "s" : ""}
+      </div>
     </FolderEntryContainer>
   );
 }